美文网首页
JavaScript 对象的三种创建方法

JavaScript 对象的三种创建方法

作者: 46ad27264ed8 | 来源:发表于2017-10-26 16:31 被阅读0次

JavaScript中对象的创建有以下几种方式:

  1. 使用内置对象

  2. 使用JSON符号

  3. 自定义对象构造

  4. 使用类创建(ES2015新增)

使用内置对象

方法1:使用 Object

var Animals = new Object();
Animals.name = "dog";
Animals.sex = "Male";
Animals.age = "2"; 

方法2 : 使用Object.create

var a= {  name1:"xxx"};

var b= Object.create(a,{name2:{value:"xxx",  enumerable: true}});

使用JSON符号

JSON 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于及其解析和生成。
使用JSON创建对象:
例子1:

var somebooks = {
    book: [{
            name: "三国演义"
        }, {
            name: "西游记"
        }, {
            name: "水浒传"
        }, {
            name: "红楼梦"
        }
    ],
    author: [{
            name: "罗贯中"
        }, {
            name: "吴承恩"
        }, {
            name: "施耐安"
        }, {
            name: "曹雪芹"
        }
    ]
}

例子2:

var Animals ={
name :"dog",
sex :"Male",
age :"2"
}

自定义对象构造

使用"this"方法的构造函数,创建对象。
例子:

function person(firstname,lastname,age,eyecolor)
{
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
}

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

使用“prototype”,构造对象
例子:

function Girl(){}
Girl.prototype.name = "big pig";
Girl.prototype.age = 20;
Girl.prototype.standing;
Girl.prototype.bust;
Girl.prototype.waist;
Girl.prototype.hip; 

var x= new Girl();

使用类创建

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

相关文章

  • JavaScript基础之创建对象

    JavaScript对象的创建 在JavaScript中创建一个对象有三种方式。可以通过对象直接量、关键字new和...

  • Javascript全局属性和方法

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

  • JavaScript 对象的三种创建方法

    JavaScript中对象的创建有以下几种方式: 使用内置对象 使用JSON符号 自定义对象构造 使用类创建(ES...

  • 原型链与继承

    创建对象的方法 字面量创建 构造函数创建 Object.create() 原型 JavaScript 的所有对象中...

  • 链式操作

    对象字面量创建对象 构造函数创建对象 构造函数和原型一起创建对象 参考 JavaScript设计模式 --- 方法...

  • js对象的创建

    一、创建对象的方法 阅读犀牛书(《javascript权威指南》),书中将js创建对象的方法分为四种,对象字面量、...

  • javascript 对象

    创建对象的三种方法: 字面量 obj = {}、obj = new Object()、构造函数 字面量方法创建对象...

  • c++创建对象的三种方法

    c++创建对象的三种方法 c++有三种方法创建对象 结合代码来看 1#include 2usingnamespac...

  • 更多面向对象的JavaScript

    JavaScript有不止一种方法创建对象。 简单的对象创建 最简单的创建对象的方法是用一个新的Object开始,...

  • 面向对象的JavaScript

    JavaScript有不止一种方法创建对象。 简单的对象创建 最简单的创建对象的方法是用一个新的Object开始,...

网友评论

      本文标题:JavaScript 对象的三种创建方法

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