美文网首页
你真的会创建JavaScript对象?

你真的会创建JavaScript对象?

作者: 犯迷糊的小羊 | 来源:发表于2016-10-22 23:27 被阅读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)的三种方法

相关文章

  • 你真的会创建JavaScript对象?

    今天接到一个命题:请问创建JavaScript对象的方式有多少种?如果让我随便说说,我大概也能说出个1,2,3,4...

  • JS笔记-006-JS对象-数字-字符串-日期-数组-逻辑

    JS对象 创建 JavaScript 对象 通过 JavaScript,您能够定义并创建自己的对象。 创建新对象有...

  • 原型模式(一)

    原型模式(一) 在Javascript中一切皆是对象,所以我们会创建很多对象。那么就来看看创建对象的方法.原型模式...

  • Web动态加载JS外部文件(script标签)

    ( 摘自高性能Javascript )文档对象模型(DOM)允许你使用JavaScript 动态创建HTML的几乎...

  • Javascript全局属性和方法

    JavaScript 全局属性和方法 JavaScript 可用于创建Javascript对象。 CONTENT ...

  • JavaScript创建对象

    创建对象 1.工厂模式 2.构造函数模式 3.原型模式 4.组合使用构造函数模式和原型模式 5.动态原型模式 6....

  • JavaScript — 创建对象

    一、工厂模式 可以无数次调用上面这个函数,解决创建多个相似对象的问题,但是没有解决对象识别的问题(即怎样知道一个对...

  • JavaScript 创建对象

    我们知道可以用Object的构造函数或对象字面量来创建对象,但是采用这些方式,创建多个对象,会产生大量重复的代码,...

  • JavaScript创建对象

    JavaScript中创建对象有以下七种方式: 工厂模式构造函数模式原型模式构造函数和原型组合模式动态原型模式寄生...

  • 【javascript】创建对象

    虽然Object 构造函数或对象字面量都可以用来创建单个对象,但这些方式有个明显的缺点:使用同一个接口创建很多对象...

网友评论

      本文标题:你真的会创建JavaScript对象?

      本文链接:https://www.haomeiwen.com/subject/mzuhuttx.html