[关闭]
@15152278073 2018-04-03T09:05:12.000000Z 字数 1355 阅读 532

创建对象(下)

JS


有的开发人员在看到独立的构造函数和原型时,会感到困惑。动态原型正是致力于解决这一个问题的方案,把所有的信息封装在构造函数中,而通过在构造函数中初始化原型(仅在必要情况下),又保持了构造函数和原型的优点。可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。

动态原型模式

  1. //动态原型模式
  2. function Person(name , age ){
  3. this.name = name ;
  4. this.age = age;
  5. if(typeof this.sayName != 'function'){
  6. Person.prototype.sayName = function(){
  7. console.log(this.name);
  8. };
  9. }
  10. }
  11. var frined = new Person("Rock",18)
  12. frined.sayName() //Rock

注意方法添加部分。构造函数只在sayname不存在时才添加到原型中去。并且只在初次调用时才会执行。此后,原型已经初始化完成,不再修改。这里对原型的修改,能够立即在实例中得到反映。采用这种方法创建的对象,可以使用instanceof操作符确定它的类型。

使用动态类型时,不能使用字面量重写原型。如果重写,会切断现有实例与新原型之间的联系。

寄生构造函数模式

通常,在前几种模式都不适用的情况下,可以使用寄生构造函数模式。这种模式的基本思想是创建一个函数,该函数的作用仅仅封装创建对象的代码,然后返回新创建的对象;但从表面上看,这是函数像是典型的构造函数。

  1. //寄生构造模式O
  2. function PersonP(name , age){
  3. var o = {};
  4. o.name = name ;
  5. o.age = age;
  6. o.sayName = function (){
  7. console.log(this.name)
  8. }
  9. return o ;
  10. };
  11. var frinedO = new PersonP("doom",10000)
  12. frinedO.sayName() //doom

这个模式可以在特殊的情况下来为对象创建一个具有额外方法的特殊数组。由于不能直接修改Array构造函数,因此可以使用这个模式。

缺点:返回的对象与构造函数的原型属性之间没有关系,为此,不能使用instanceOf操亲确定对象类型。

稳妥构造模式

稳妥对象,指的是没有公共属性,而且其方法也不引用this对象。稳妥对象适合在一些安全环境中(这些环境会禁止使用thisnew),或者防止数据被其他应用程序改动时使用。稳妥构造函数与寄生构造函数类似,但有两点不同:一个是创建对象的实例方法不引用this;第二个不使用new操作符调用构造函数。

  1. function PersonS(name ,age){
  2. var o = {};
  3. //添加私变量和函数
  4. Object.defineProperty(o,"name",{
  5. value:name,
  6. configurable:false,
  7. })
  8. o.sayName = function(){
  9. console.log(name)
  10. };
  11. return o;
  12. }
  13. //注意,除了使用sayName()方法外,没有其访问
  14. var po = PersonS("ricqiu","20")
  15. po.sayName()

构造模式与寄生模式类似,构造的对象也和构造函数之间没什么关系,instanceof操作符对这种对象也没什么意义。

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注