- 最简单的创建对象方式就是创建一个Object实例,然后为它添加属性和方法
var person = new Object();
person.name = '张珈瑞';
person.age = 24;
person.sayName = function (){
console.log(this.name)
}
通过这种方式就创建了一个对象,早期的开发人员经常使用这个模式来创建对象,几年后,对象字面量成为创建这种对象的首选模式。
2.对象字面量创建对象
var person = {
name:'张珈瑞';
age:24;
sayName:function(){
console.log(this.name)
}
}
3.工厂模式创建对象
function createPerson(name,age){
var person = new Object();
person.name = name;
person.age = age;
person.sayName = function(){
console.log(this.name)
}
return person
}
var zhangjiarui = createPerson("张珈瑞",24);
var zhangsan = createPerson("张三",24);
优点:解决了多个相似对象的创建问题
缺点:无法确定对象类型
4.构造函数模式创建对象
function Person(name,age){
this.name = name;
this.age = age;
this.sayName = function(){
console.log(this.name)
}
}
var zhangjiarui = new person("张珈瑞",24);
var zhangsan = new person("张三",18);
构造函数和工厂模式的不同之处:
- 1.没有显示的创建对象
- 2.直接将对象的属性和方法赋值给了this
- 3.没有return语句
通过构造函数创建对象,必须使用 new 操作符。创建构造函数经历的4个步骤:
- 1.创建一个对象
- 2.将构造函数的作用域赋值给新对象(因此this就指向了新对象)
- 3.执行构造函数中的代码(为这个对象添加属性和方法)
- 4.返回新对象
在上面的例子中,zhangjiarui和zhangsan都有一个constructor(构造函数)属性,该属性指向Person
console.log(zhangjiarui.constructor == Person); //true
console.log(zhangsan.constructor == Person); //true
如果要检测一个对象的类型,还是instanceof
操作符更可靠一些,在这个例子中创建的所有对象既是 Object 的实例,同时也是 Person的实例,这一点通过 instanceof 操作符可以得到验证
console.log(zhangjiarui instanceof Person);//true
console.log(zhangjiarui instanceof Object);//true
console.log(zhangsan instanceof Person);//true
console.log(zhangsan instanceof Object);//true
优点:创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型
缺点:每个方法都要在每个实例上重新创建一遍,因为ECMAScript 中的函数是对象,因此每定义一个函数,也就是实例化了一个对象。
5.通过原型创建对象
function Person(){
}
Person.prototype.name = '张珈瑞';
Person.portotype.age = '张三';
Person.portotype.sayName = function(){
console.log(this.name);
}
var zhangjiarui = new Person();
var zhangsan = new Person();
zhangjiarui.name = '张红';
console.log(zhangjiarui.name);//张红---来自实例
console.log(zhangsan.name);//张珈瑞---来自原型
delete zhangjiarui.name;
console.log(zhangjiarui.name);//张珈瑞 ---来自原型
hasOwnProperty用来检测一个属性是存在实例中,还是存在原型中
简化版原型创建对象(省略prototype)
function Person(){
}
Person.prototype = {
name:'张珈瑞';
age:24
sayName:function(){
console.log(this.name)
}
}
缺点:
1.它省略了为构造函数传递初始化参数这一环节 ,
所有实例在默认情况下都将取得相同的属性值
2.无法将实例的属性单独出来,多个实例共享属性
5.组合式创建对象(构造函数+原型)
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype = {
constructor:Person
sayName:function(){
console.log(this.name)
}
}
var zhangjiarui = new Person('张珈瑞',24);
var zhangsan = new Person('张三',18);
这种模式完美的解决了之前所存在的问题,构造函数将实例的属性单独出来,通过原型将实例的方法共享
6.动态原型模式创建对象
function Person(name,age){
this.name = name;
this.age = age;
if(typeof this.sayName != "function"){
Person.prototype = {
constructor:Person
sayName:function(){
console.log(this.name)
}
}
}
}
var zhangjiarui = new Person("张珈瑞",24);
zhangjiarui.sayName();
7.寄生构造函数创建对象(工厂+构造)
function Person(){
var per = new Object();
per.name = '张珈瑞';
per.age = 24;
per.sayName = function(){
console.log(this.name)
}
return per
}
var zhangjiarui = new Person("张珈瑞",24)
zhangjiarui.sayName()
这种方法用了实例化的时候用了new 在代码内部则和工厂模式完全一样