怎样用JavaScript定义一个类

2024年4月16日 160次阅读 来源: yuchen

我原来的写法都是这样：

function Dog(){
    this.name = 'hachi';
}

Dog.prototype = {
    makeNoise:function(){
        alert('wangwangwang');
    }
};

后来又看到另外一种复杂一点而且看起来好像没有必要的写法：

function Dog(){
    var privateVariable = 'secret';

    var fn = function(){
        //...
    }

    fn.prototype = {
        makeNoise:function(){
            alert('wangwangwang');
        }
    }

    return fn;
}

这里的Dog函数其实是一个 制造类 的函数，它返回了真正的Dog类。
感觉这样做的好处是更好的实现了封装。
例如这里的privateVariable就是一个私有变量：

var d = new Dog;
d.privateVariable //undefined

另外如果在第一个例子的最后加上一句：

Dog.prototype = {
    //e...WTF??
}

这样Dog就不是Dog了~

后来的理解：
上面这样新建类的方法直接重写了prototype对象。这样prototype原本内置的属性就没有了(arguments, call, apply等)。
下面这种新建类的方法好像更好一些：

var Dog = function(name){
    this.name = name;
    var privateVariable = 'you cannot see me.';
    this.getPrivate = function(){return privateVariable;};
}
    原文作者：yuchen
    原文地址: https://segmentfault.com/a/1190000000493570
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞