- 直接创建
var obj = {
name: "王一",
age: 18,
width: 98,
inio: function(){
console.log(this.name)
}
}
var obj1 = {
name: "王二",
age: 18,
width: 98,
inio: function(){
console.log(this.name)
}
}
obj.inio();
obj1.inio();
优点:简单、方便
缺点:无法快速量产,复用性极差
- 工厂模式创建
function create(name,age,height){
var obj = {}
obj.name = name
obj.age = age
obj.height = height
obj.showInfo = function(){
console.log(this.name)
}
return obj
}
var s1=create("李四",21,180);
var s2= s1 instanceof create;
console.log(s2) // false
优点:通过函数封装的形式虽然可以快速量产以及提高复用性
缺点:但弊端也很明显,无法检测所创建对象的明确类型
- 构造函数创建
function Student(name,age,height){
this.name=name
this.age=age
this.height=height
this.showInfo=function(){
console.log(this.name)
}
}
var s1 = new Student("王一",18,175)
var s2 = new Student("王二",21,185)
console.log(s1.showInfo == s2.showInfo) // false
优点:量产,解决了工厂模式无法检测类型的问题
缺点:相同的方法,没有开辟共同的空间,导致内存消耗太大
4. 原型创建对象
function Student(name,age,height){
this.name = name
this.age = age
this.height = height
}
Student.prototype.showInfo = function(){
console.log(this.name)
}
var s1 = new Student("王一",18,175)
s1.__proto__.showInfo = function(){
console.log("改变了showinfo")
}
s1.showInfo()
优点:通过把方法挂载到原型对象上,解决了内存浪费的问题。