JavaScript 面向对象的程序设计记录笔记4

Posted 2020-09-22 雨下听风

组合使用构造函数模式和原型模式：

　　

function Person(name, age, job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.friends = [‘Shelby‘, ‘Court‘];    
}

Person.prototype = {
  connstructor: Person,
  sayName: function(){
    return this.name;
  }    
}
 var person1 = new Person(‘Tom‘, 23, ‘software engineer‘);
 var person2 = new Person(‘Jack‘, 24, ‘doctor‘ );
 person1.friend.push(‘Var‘);

console.log(person1.friend); // 输出‘Shelby‘, ‘Court‘，‘Var’
console.log(person2.friend); //  输出‘Shelby‘, ‘Court‘，
console.log(person1.friend === person2.friend); // false
console.log(person1.sayName === person2.sayName); // true

　由于sayName方法都属于prototype属性上，所以person1.sayName 与 person2.sayName相同，都引用同一地址。

动态原型模式

function Person(name, age){
    this.name = name;
    this.age = age;
    if (typeof this.sayName === ‘fucntion‘) {
     Person.prototype.sayName = function() {
         alert(this.name);
    }   
}    

// 当第一次创建Person实例对象的时候，由于当前不存在syaName方法，则会执行if中的语法块，将sayName方法放到共享对象prototype上， 当之后实例Person对象的时候，由于已经存在sayName属性，则不会进行创建。

 

寄生构造函数：（寄生构造函数与工厂模式类似，区别在于多了一个new标示）

function Person(name, age){
    var o = new Object();
    o.name = name;
    o.age = age;
    o.sayName = function(){
        alert(this.name);
    }
    return o;
}　　

　　

稳妥构造函数模式

  稳妥对象：所谓的稳妥对象，指的是没有公共属性，而且其他方法也不用引用this对象。稳妥对象最适合在一些安全的环境中，或防止数据被其他应用改动时使用。