建立物件的方式
阿新 • • 發佈:2021-08-10
工廠模式,建立方式
function createPerson(name,age,job){ var o = new Object(); o.name=name; o.age=age; o.job=job; o.sayName = function(){ alert(this.name); } } var person1 = createPerson("da",1,"it"); var person2 = createPerson("dada",2,"it");
建構函式模式
function Person(name,age,ob){this.name=name; this.age=age; this.job=job; this.sayName = function(){ alert(this.name); } var person1 = new Person("dada",1,"web"); var person2 = new Person("dada",2,"web");
使用原型模式
function Person(){ } Person.prototype.name = "da"; Person.prototype.age = 1; Person.prototype.job= "web"; Person.prototype.sayName = function(){ alert(this.name); } var person1 = new Person(); person1.sayName(); //"dada" var person2 = new Person(); person2.sayName(); //"dada" alert(person1.sayName == person2.sayName); //true
組合使用建構函式模式和原型模式
function Person(name,age){ this.name = name;this.age = age; this.friends = ["da","dada"]; } Person.prototype = { constructor:Person, sayName:function(){ alert(this.name); } } var person1 = new Person("da1",1); var person2 = new Person("da2",2); person1.friends.push("dadada");
JavaScript物件的建立方式,1,Object建構函式式,2,物件字面量式,3,工廠模式,4,安全工廠模式,5,建構函式模式,6,原型模式,7,混合建構函式和原型模式,8,動態原型模式,9,寄生建構函式模式,10,穩妥建構函式模式。