如何用JavaScript定义一个类
作者:bea
我原来的写法都是这样: function Dog(){ this.name = 'hachi';}Dog.prototype = { makeNoise:function(){ alert('wangwangwang'); }}; 后来又看到另外一种复杂一点而且看起来好像没有必要的写法: function Dog(){ var privateVariable = 'secret'; var fn = 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;};
}
有用 | 无用
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;};
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- ie8下修改input的type属性报错的解决方法
- JavaScript函数定义的常见注意事项小结
- JavaScript的各种常见函数定义方法
- JavaScript中合并数组的N种方法
- JavaScript的null和undefined区别示例介绍
- JavaScript中变量声明有var和没var的区别示例介绍
- JavaScript的arguments对象应用示例
- avascript中的自执行匿名函数应用示例
- JavaScript function 的 length 属性使用介绍
- css与javascript跨浏览器兼容性总结
- 一个通过script自定义属性传递配置参数的方法
- 一个字符串反转函数可实现字符串倒序
- jquery实现类似淘宝星星评分功能有截图
- javascript使用数组的push方法完成快速排序
- 一款由jquery实现的整屏切换特效
- JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
- 用javascript关闭本窗口不弹出询问框的方法
- javascript trim函数在IE下不能用的解决方法
- javascript在IE下trim函数无法使用的解决方法