为了账号安全,请及时绑定邮箱和手机立即绑定

动态原形模式为什么要加if?

动态原形模式为什么要加if?

清风流光 2017-04-26 14:06:21
//动态原形模式 function Person(name, age, job){ //属性 this.name = name; this.age = age; this.job = job; //方法 if (typeof this.sayName != "function"){ Person.prototype.sayName = function(){ alert(this.name); }; } } var friend = new Person("Nicholas", 29, "Software Engineer"); friend.sayName();     //这里加不加if语句有什么区别?下面是我对其他模式的理解帮我看看有什么问题,多多指正//工厂模式 function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); }; return o; } var person1 = createPerson("Nicholas", 29, "Software Engineer"); var person2 = createPerson("Greg", 27, "Doctor"); alert(person1.sayName==person2.sayName) //false 函数内部创建新对象 相当于每次都创建了一个新函数//构造函数 function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; } var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor"); alert(person1==person2);//false  说明这是两个对象   alert(person1.sayName==person2.sayName);//true  属性相等  说明外部创建新对象虽然独立 但它们都同时指向同一个函数//原型模式 function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); var person2 = new Person(); alert(person1.sayName == person2.sayName); //true 每个函数都有一个原型对象 函数内部的属性叫对象属相 是外部调用对象的属性  而原型对象属性函数本身拥有的属性 它和函数本身相互联系 外部创建实例化对象 可以读取函数原型属性// function Person(){ } var friend = new Person(); Person.prototype = { constructor: Person, name : "Nicholas", age : 29, job : "Software Engineer", sayName : function () { alert(this.name);  } }; friend.sayName(); //error     friend指向的是修改前的地址 修改之后的地址 无法读取 也就是说原型中的地址不会被覆盖// function Person(){ } Person.prototype = { constructor: Person, name : "Nicholas", age : 29, job : "Software Engineer", sayName : function () { alert(this.name); } }; var friend = new Person(); friend.sayName(); //Nicholas       friend指向两个地址 修改前和修改后 依次读取 相同属性和方法进行覆盖// function Person(){ } Person.prototype = { constructor: Person, name : "Nicholas", age : 29, job : "Software Engineer", friends : ["Shelby", "Court"], sayName : function () { alert(this.name); } }; var person1 = new Person(); var person2 = new Person(); person1.friends.push("Van"); alert(person1.friends === person2.friends); //true person1和person2读取的是同一地址的原型 修改的其中一个的属性 另一个也会发生改变//组合使用构造函数和原型模式 function Person(name, age, job){ this.name = name; this.age = age; this.job = job; this.friends = ["Shelby", "Court"]; } Person.prototype = { constructor : Person, sayName : function(){ alert(this.name); } } var person1 = new Person("Nicholas", 29, "Software Engineer"); var person2 = new Person("Greg", 27, "Doctor"); person1.friends.push("Van"); alert(person1.friends); //"Shelby,Count,Van" alert(person2.friends); //"Shelby,Count" alert(person1.friends === person2.friends); //false 比较的是对象 false alert(person1.sayName === person2.sayName); //true 比较的是对象的地址 true
查看完整描述
  • 2 回答
  • 0 关注
  • 1924 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信