// 0使用new Object創(chuàng)建一個(gè)對象
```
document.querySelector('.span0').onclick=function() {
varperson =newObject();
person.way='使用new Object創(chuàng)建一個(gè)對象';
person.name='lining';
person.id=11023523232;
person.age=25;
console.log(person);
}
```
// 1使用字面量創(chuàng)建一個(gè)對象
document.querySelector('.span1').onclick=function() {
varperson = {
way:'使用字面量創(chuàng)建一個(gè)對象',
name:'lining',
age:'25',
id:'111111'
};
console.log(person);
}
// 2使用工廠模式創(chuàng)建對象,返回帶有屬性和方法的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('工廠模式創(chuàng)建對象','lining'));
}
// 3使用工廠模式創(chuàng)建對象,返回帶有屬性和方法的person對象
document.querySelector('.span3').onclick=function() {
functionfactory(way,name,age,id) {
varperson = {
way: way,
name: name,
age: age,
id: id
};
returnperson;
}
console.log(factory('使用工廠模式自面量創(chuàng)建對象'));
}
// 4使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象
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('使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象','lining'));
}
// 5使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象
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('這個(gè)是使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象')
}
console.log(newStructure('使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象和原型','lining'));
console.log(newStructure('使用自定義構(gòu)造函數(shù)模式創(chuàng)建對象和原型','lining').say);
}