你真的会创建JavaScript对象?

2016-10-22  本文已影响43人  犯迷糊的小羊

今天接到一个命题:请问创建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()

参考资料:
阮一峰-Javascript定义类(class)的三种方法

上一篇 下一篇

猜你喜欢

热点阅读