JS是一门面向对象语言,其对象是用prototype属性来模拟的,下面,来看看如何封装JS对象.

常规封装

这种方式是比较常见的方式,比较直观,但是Person() 的职责是构造对象,如果把初始化的事情也放在里面完成,代码就会显得繁琐,如果放在一个方法里初始化会不会好点呢?

升级版 (常见)

可是,说到这里就发现,name,sex 并没有在Person里面申明,哪来的呢???

new 的执行原理

new 的执行过程可以用下面一个函数来代替

解释:

首先通过 var o = {} 构造一个空对象.

然后将 构造函数的原型属性prototype赋值给o 的原型对象__proto__ 。这样，在执行 this.init(info); 这句话的时候，对象 o 就可以在其原型对象中查找_init_ 方法。（原型链）。

之后这句话 就是精髓了。

var res = constructor.apply(o,args);

以o为上下文调用函数，同时将参数作为数组传递。那么，

this._init_(info);

这句话就会被 o 执行，

函数

以 o 为上下文调用，o也将拥有自己的 name,sex 属性。

如果在构造函数中，return 复合类型，包括对象，函数，和正则表达式，那么就会直接返回这个对象，否则，返回 o 。

测试一下

OK 吧

类jQuery 封装

这种方式是我从 jQuery 那里学来的。

jQuery 对象具有很强的集成性，可以作为函数调用，也可以做为对象调用，当作为函数调用的时候，她可以无需 new 而返回它的一个实例，很方便。

先看代码

这种封装方式非常巧妙。

将对象的构造操作放在函数的里面，而自己充当一个工厂。

不断调用 prototype 并不是一个直观的做法，于是

最后用 闭包 封装起来

测试一下

object.create();

最后js也提供了一种构造对象的方式,object.create(); 可以传递一个对象Person,构造一个p,并且使p 继承Person.

结果

可以看到,对象Person的属性成为了p的原型属性,也就是说 p 原型继承自 Person !

我们可以实现一个 Object.create()

在这里,我们将 Person 作为 构造函数的 原型属性,就可以构造出 以Person 为原型对象的对象.

测试一下

OK

关于 JS对象封装的方式就介绍到这里,如有错误,望不吝赐教.

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！