// 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);
}
网友评论