Javascript 进阶 封装

/**

  • 使用这种方式虽然可以严格实现封装,但是带来的问题是get和set方法都不能存储在prototype中,都是存储在对象中的

  • 这样无形中就增加了开销

*/

var Person = function (no, name, age)

{

var _no , _name, _age ;

var checkNo = function (no)

{

if (!no.constructor == “string” || no.length != 4)

throw new Error(“学号必须为4位”);

};

this.setNo = function (no)

{

checkNo(no);

_no = no;

};

this.getNo = function ()

{

return _no;

}

this.setName = function (name)

{

_name = name;

}

this.getName = function ()

{

return _name;

}

this.setAge = function (age)

{

_age = age;

}

this.

getAge = function ()

{

return _age;

}

this.setNo(no);

this.setName(name);

this.setAge(age);

}

Person.prototype = {

constructor: Person,

toString: function ()

{

return "no = " + this.getNo() + " , name = " + this.getName() + " , age = " + this.getAge();

}

}

;

var p1 = new Person(“0001”, “鸿洋”, “22”);

console.log(p1.toString()); //no = 0001 , name = 鸿洋 , age = 22

p1.setNo(“0003”);

console.log(p1.toString()); //no = 0003 , name = 鸿洋 , age = 22

p1.no = “0004”;

console.log(p1.toString()); //no = 0003 , name = 鸿洋 , age = 22

看上面的代码,去掉了this.属性名,严格的实现了封装,只能通过getter,setter访问成员变量了,但是存在一个问题,所有的方法都存在对象中,增加了内存的开销。

3、以闭包的方式封装

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值