创建对象

// 0使用new Object创建一个对象

```

document.querySelector('.span0').onclick=function() {

varperson =newObject();

person.way='使用new Object创建一个对象';

person.name='lining';

person.id=11023523232;

person.age=25;

console.log(person);

}

```

// 1使用字面量创建一个对象

document.querySelector('.span1').onclick=function() {

varperson = {

way:'使用字面量创建一个对象',

name:'lining',

age:'25',

id:'111111'

};

console.log(person);

}

// 2使用工厂模式创建对象,返回带有属性和方法的person对象

document.querySelector('.span2').onclick=function() {

functionfactory(way,name,age,id) {

varperson =newObject();

person.way= way;

person.name= name;

person.age= age;

person.id= id;

returnperson;

}

console.log(factory('工厂模式创建对象','lining'));

}

// 3使用工厂模式创建对象,返回带有属性和方法的person对象

document.querySelector('.span3').onclick=function() {

functionfactory(way,name,age,id) {

varperson = {

way: way,

name: name,

age: age,

id: id

};

returnperson;

}

console.log(factory('使用工厂模式自面量创建对象'));

}

// 4使用自定义构造函数模式创建对象

document.querySelector('.span4').onclick=function() {

functionStructure(way,name,age,id) {

this.way= way;

this.name= name;

this.age= age;

this.id= id;

}

console.log(newStructure('使用自定义构造函数模式创建对象','lining'));

}

// 5使用自定义构造函数模式创建对象

document.querySelector('.span5').onclick=function() {

functionStructure(way,name,age,id) {

this.way= way;

this.name= name;

this.age= age;

this.id= id;

}

Structure.prototype.say=function() {

console.log('这个是使用自定义构造函数模式创建对象')

}

console.log(newStructure('使用自定义构造函数模式创建对象和原型','lining'));

console.log(newStructure('使用自定义构造函数模式创建对象和原型','lining').say);

}

你可能感兴趣的:(创建对象)