Javascript几种创建对象的方法
2013-09-16 22:20
537 查看
1.工厂方法
demo.js1 2 3 4 5 6 7 8 9 10 11 | function createPerson(name, age) { var person = new Object(); person.name = name; person.age = age; person.sayHi = function() { return "name: " + this.name + " age: " + this.age; }; return person; } |
缺点:不知道对象原型。
test.js
1 2 3 4 5 6 7 8 | var person1 = createPerson("zhang", 20); var person2 = createPerson("li", 30); console.log(person1.sayHi()); console.log(person2.sayHi()); console.log(person1 instanceof Person); //false console.log(person2 instanceof Person); //false |
2.构造函数
demo.js1 2 3 4 5 6 7 8 | function Person(name, age) { this.name = name; this.age = age; this.sayHi = function() { return "name: " + this.name + " age:" + this.age; }; } |
缺点:方法不是同一个方法实例。
test.js
1 2 3 4 5 6 7 89 | var person1 = new Person("zhang", 20); var person2 = new Person("li", 30); console.log(person1.sayHi()); //name: zhang age:20 console.log(person2.sayHi()); //name: li age:30 console.log(person1 instanceof Person); //true console.log(person2 instanceof Person); //true console.log(person1.sayHi == person2.sayHi); //false |
3.原型方法
demo.js1 2 3 4 5 6 7 | function Person() {} Person.prototype.name = "zhang"; Person.prototype.age = 20; Person.prototype.sayHi = function() { return "name: " + this.name + " age: " + this.age; }; |
缺点:每个实例需要定义非方法属性。
test.js
1 2 3 4 5 6 7 8 9 10 1112 | var person1 = new Person(); var person2 = new Person(); person2.name = "li"; person2.age = 30; console.log(person1.sayHi()); //name: zhang age:20 console.log(person2.sayHi()); //name: li age:30 console.log(person1 instanceof Person); //true console.log(person2 instanceof Person); //true console.log(person1.sayHi == person2.sayHi); //true |
4.构造函数和原型的组合方法
demo.js1 2 3 4 5 6 7 8 | function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHi = function() { return "name: " + this.name + " age: " + this.age; }; |
总结:最后一种方法是比较好的创建对象的方式,综合了前面3种方式的优点。每个实例对象都有自己实例属性的一份副本,但同时共享着方法的引用,最大限度节省了内存。
相关文章推荐
- javascript中创建对象的几种方法总结
- javascript中创建对象的几种方法总结
- JavaScript学习笔记之浅析几种创建对象的方法
- javascript 高级——几种对象创建方法
- Javascript对象学习1 - 创建对象的几种方法
- JavaScript中创建类/对象的几种方法总结
- JavaScript对象创建的几种方式及使用方法
- 方法nullJavascript中创建对象的几种方法
- JavaScript对象创建的几种方式及使用方法
- Javascript创建对象的几种常用方法
- javascript 高级——几种对象创建方法
- Javascript中创建对象的几种方法
- Javascript创建对象几种方法解析
- Javascript创建对象的几种方法
- JavaScript创建对象的几种方法
- javascript几种方法创建function对象的异同
- JavaScript中创建对象的几种方法
- JavaScript中创建类/对象的几种方法总结
- Javascript 创建对象实例的几种方法
- javascript中创建对象的几种方法总结