脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → 基础知识 → 如何用JavaScript定义一个类

如何用JavaScript定义一个类

 更新时间：2014年09月12日 10:46:42   投稿：hebedich  
其实Javascript中没有类这个定义，但是有类这个概念。很多人都写过这样的代码，就是一个关键字 function，然后定义一个方法名，方法名后紧跟一对括号。如果你在项目中写过这样的代码，那么祝贺你，你可以不费任何吹毛之力，就能一口气读完这篇文章了。

我原来的写法都是这样：

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;};
}

您可能感兴趣的文章:

相关文章

最新评论