服务器之家

服务器之家 > 正文

如何用JavaScript定义一个类

时间:2021-03-13 17:27     来源/作者:JavaScript教程网

我原来的写法都是这样:

?
1
2
3
4
5
6
7
8
9
function Dog(){
  this.name = 'hachi';
}
 
Dog.prototype = {
  makeNoise:function(){
    alert('wangwangwang');
  }
};

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function Dog(){
  var privateVariable = 'secret';
 
  var fn = function(){
    //...
  }
 
  fn.prototype = {
    makeNoise:function(){
      alert('wangwangwang');
    }
  }
 
  return fn;
}

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

?
1
2
var d = new Dog;
d.privateVariable //undefined

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

?
1
2
3
Dog.prototype = {
  //e...WTF??
}

这样Dog就不是Dog了~

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

?
1
2
3
4
5
var Dog = function(name){
  this.name = name;
  var privateVariable = 'you cannot see me.';
  this.getPrivate = function(){return privateVariable;};
}
标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部