资讯专栏INFORMATION COLUMN

JavaScript怎样创建一个对象?

BlackHole1 / 1912人阅读

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

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));

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

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

相关文章

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

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

    Shihira 评论0 收藏0
  • 怎样JavaScript创建和填充任意长度的数组

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

    ispring 评论0 收藏0
  • 怎样JavaScript和HTML5 Canvas绘制图表

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

    doodlewind 评论0 收藏0
  • 回到基础:如何用原生 DOM API 生成表格

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

    Sunxb 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<