JavaScript怎样创建一个对象？

BlackHole1 发布于2019-08-20 16:59 / 1965人阅读

摘要：总而言之和字面量对象应该替换方法。可以接收两个参数提供原型的对象，可选属性对象这个对象包含对新创建对象的配置。

1.对象字面量

最常用的最方便的创建方法，如下所示

</>复制代码 
var foo = {
    bar: "bar"
}

其实字面量是使用object.create的快捷方式，下面代码与上面等价

</>复制代码 
var foo = Object.create(Object.prototype,{
    bar: {
        writable: true,
        configurable: ture,
        value: "bar"
    }
})

2.new Object()

</>复制代码 
var Person = function(myname){
    this.name = myname;
}
var me = new Person("Joe");

当我们讨论到new Object()，实际上我们在讨论new运算符，new运算符实际上做了一下工作

2.1创建一个新对象

</>复制代码 
me = {}

2.2将新创建的对象的构造函数链接到函数Person上

</>复制代码 
//true
me.constructor === Person

2.3将对象的原型链链接到Person.prototype

使新建对象可以沿原型链使用构造函数的方法

</>复制代码 
//true
me.__proto__ === Person.prototype

2.4将传入的参数富裕给新创建的对象 3.Object.create(ES5)

在ES5之前，只能使用new来实现原型链集成。总而言之Object.create()和字面量对象应该替换new object()方法。
Object.create()可以接收两个参数：提供原型的对象，可选属性对象（这个对象包含对新创建对象的配置）。

</>复制代码 
var Car = {
    drive: function (miles) {
        return this.odometer += miles;
    }
};
var tesla = Object.create(Car, {
    "odometer": {
        value: 0,
        enumerable: true
     }     
));
//输出10
console.log(tesla.drive(10));

云服务器 GPU云服务器自己怎样创建一个网站怎样创建一个ECS镜像创建对象 python创建对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83294.html

javascript创建构造函数时作用域安全，即怎样保证一直都是构造函数

摘要：在使用利用面向对象的思想创建类和对象时，通常是使用构造函数，工厂方式，原型方式，原型构造函数方式等。在使用javascript利用面向对象的思想创建类和对象时，通常是使用构造函数，工厂方式，原型方式，原型构造函数方式等。构造函数其实就是使用一个使用new操作符调用函数，当使用new调用时，构造函数内用到的this对象会指向新创建的对象实例，例如： function Person(na...

Shihira 2019-08-19 17:47 评论0 收藏0
怎样在JavaScript中创建和填充任意长度的数组

摘要：创建数组构造函数如果要创建具有给定长度的，常用的方法是使用构造函数这种方法很方便，但是有两个缺点即便你稍后再用值把数组完全填满，这种空洞也会使这个略微变慢。所以操作这个数组时应该比用构造函数创建的更快。翻译：疯狂的技术宅原文： http://2ality.com/2018/12/cre... 本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术...

ispring 2019-08-23 15:27 评论0 收藏0
怎样用JavaScript和HTML5 Canvas绘制图表

摘要：饼状图将数据用切割成份的圆来展示。至于半径，我们用宽度的一半与高度的一半的较小值，因为我们不想让饼状图超出。结果看起来如下这样绘制圆环图我们已经看到如何创建饼状图。怎样画洞呢我们可以画一个白色的圆在饼状图上。 showImg(https://segmentfault.com/img/bVObDh?w=850&h=362); 原文：https://code.tutsplus.com/zh...

doodlewind 2019-08-21 15:50 评论0 收藏0
回到基础：如何用原生 DOM API 生成表格

摘要：接下来该填表了生成行和单元格为了填充表格可以遵循同样的方法，但这次我们需要迭代数组中的每个对象。对于每个对象，我们可以使用生成单元格。翻译：疯狂的技术宅原文：https://www.valentinog.com/bl... 本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术文章怎样用原生 JavaScript 生成表格需？本文告诉你答案！...

Sunxb 2019-08-26 13:34 评论0 收藏0