今天接到一个命题:请问创建JavaScript对象的方式有多少种?
如果让我随便说说,我大概也能说出个1,2,3,4。可是心里总是不踏实呀,会不会还有呢,毕竟我不是一个随便的人哈~~~
在之前的文章中我曾经讲了一些有关JS中‘类’与对象之前的关系,对象是由‘类’创造出来的,‘类’为对象提供一系列的规范和制定公共的模板。
由此推理: JS中通过构造函数模拟类用于创建对象,有多少种模拟类的方法就有多少种创建对象的方法!!!
1.构造函数法
稍微学过JS的人都知道的方法:
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype = {
sayName:function(){
console.log(this.name)
}
}
var Jack = new Person('Jack',18)
console.log(Jack.name)//Jack
console.log(Jack.age)//18
Jack.sayName()//Jack
这种使用构造函数法去创建对象是JS创建对象的基本方法;
2.Object.create()法
Object.create()是ES5提出的一个新的方法,它可以传入一个对象作为该方法返回的对象的原型对象;
//使用字面量创建一个对象作为实例的原型对象;
var Person = {
name: 'Jack',
age:'18',
sayName:function(){
console.log(this.name)
}
}
var Jack = Object.create(Person)
console.log(Jack.name)//Jack
console.log(Jack.age)//18
Jack.sayName()//Jack
Object.create()的内在原理:
Object.create = function(obj){
function F(){};
F.prototype = obj;
return new F(){};
}
这种创建对象的方法优点是比较简单,缺点是作为原型对象的对象的属性和方法是公有变量,容易遭受修改,实例对象之间也不能共享数据;
3.极简主义法
这种方法的实现方法是:
//1.利用一个对象模拟类,在该对象中定义一个构造函数createNew()用于生成实例
var Person = {
createNew:function(){}
}
//2.当调用Person.createNew()方法时,该方法会返回一个实例对象作为返回值,该实例对象定义了实例的属性和方法;
var Person = {
createNew:function(){
var p = {};
p.name = 'Jack',
p.age = '18',
p.sayName = function(){
console.log(this.name);
}
return p
}
}
var Jack = Person.createNew()
console.log(Jack.name)
console.log(Jack.age)
Jack.sayName()