1.使用Object构造函数创建对象 先创建空的object对象,在动态地添加属性,方法,适用场景:刚开始不清楚对象内部数据。问题:语句多
var p = new Object() p = {} p.name = '丁七岁' p.age = 19 p.setName = function (name) { this.name = name } p.setaAge = function (age) { this.age = age } console.log(p)2.适用对象字面量创建对象 适用{}创建对象,同时指定属性,方法。适用场景:刚开始你清楚对象的内部数据。问题:创建多个对象时,有重复的代码
var p = { name: '木柠QAQ', age: 19, setName: function (name) { this.name = name } } console.log(p) p.setName('柠木QAQ') console.log(p) var p2 = { name: '丁七岁', age: 19, setName: function (name) { this.name = name } } console.log(p2)重复的方法 3.使用工厂创建对象 通过工厂函数动态的创建对象并返回。适用场景:需要创建多个对象,问题是你ta没有一个具体的类型,全都是Object类型
function createPerson(name, age) { var p = { name: name, age: age, setName: function (name) { this.name = name } } return p } var p1 = createPerson('ding', 19) var p2 = createPerson('QiSui', 18) console.log(p1) console.log(p2)4.使用自定义构造函数创建对象 自定义构造函数,通过new关键字创建对象。适用场景:需要创建多个对象,这些对象你还要知道是什么类型的。 问题是:每个对象都有相同的数据,浪费内存
function Person(name, age) { this.name = name this.age = age this.setName = function (name) { this.name = name } } var p1 = new Person('丁七岁', 18) var p2 = new Person('丁七岁2', 19) console.log(p1, p1 instanceof Person) console.log(p1, p2 instanceof Person)5.使用自定义构造函数 加原型创建对象 你把方法放在原型里面,这样就可以了。适用场景:需要创建多个类型要确定的对象
function Person (name, age) { this.name = name this.age = age } Person.prototype.setName = function (name) { this.name = name } Person.prototype.setAge = function (age) { this.age = age } var p1 = new Person('丁七岁', 18) var p2 = new Person('丁七岁2', 19) console.log(p1) console.log(p2) p1.setName('丁七岁9988') p1.setAge(9988) p2.setName('丁七岁1234') p2.setAge(1234) console.log(p1) console.log(p2)