灵活的语言-JavaScript

本文介绍了JavaScript中使用对象来封装变量的方法,探讨了不同创建对象的方式及其优缺点,并展示了如何利用原型链来提高代码效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 为了避免变量之间的冲突,使用对象收编变量
var CheckObject = {
    checkName: function(){},
    checkEmail: function(){},
    checkPassword:function(){}
}

这样,我们把三个变量,checkName,checkEmail,checkPassword变成了对象CheckObject的三个属性了,可读性和维护性也提高了。

当然,这个对象是直接访问的,不能复制。即不能使用new关键字创建,我们对上面这个写法再深入一下。

var CheckObject = function(){
    this.checkName = function(){}
    this.checkEmail = function(){}
    this.checkPassword = function(){}
}
var a = new CheckObject();
a.checkEmail();

这样每次创建新对象,新创建的对象就会对类的this上的属性进行复制。所以这些创建的对象都会有自己的一套方法。
这种写法的缺陷是造成资源的浪费。

  • 引入原型链prototype
    将方法绑定再原型链上
var CheckObject = function(){};
CheckObject.prototype = {
    checkName : function(){},
    checkEmail: function(){},
    checkPassword: function(){}
}
var a = new CheckObject();
a.checkName();

再JavaScript里面this只的是当前对象。所以,我们在方法体最后return this。的话,就可以实现链式调用了。

  • 源生对象
    对象类:Function,Array,Object…..
    可以在对象类的原型上绑定我们要使用的方法,调用起来更方便。当然,最好抽取下。
Function.prototype.addMethod = function(name,fn){
    this[name] = fn;
    return this;
}
var methods = new Function();
或
var methods = function(){}
methods.addMethod('checkName',function(){}).
                    addMethod('checkEmail',function(){});

methods.checkName();

通过这些写法,可以编写出优雅的代码

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值