資訊專欄INFORMATION COLUMN
摘要：總而言之和字面量對(duì)象應(yīng)該替換方法。可以接收兩個(gè)參數(shù)提供原型的對(duì)象，可選屬性對(duì)象這個(gè)對(duì)象包含對(duì)新創(chuàng)建對(duì)象的配置。
1.對(duì)象字面量
最常用的最方便的創(chuàng)建方法，如下所示
var foo = {
bar: "bar"
}
其實(shí)字面量是使用object.create的快捷方式，下面代碼與上面等價(jià)
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");
當(dāng)我們討論到new Object()，實(shí)際上我們?cè)谟懻搉ew運(yùn)算符，new運(yùn)算符實(shí)際上做了一下工作
2.1創(chuàng)建一個(gè)新對(duì)象me = {}
2.2將新創(chuàng)建的對(duì)象的構(gòu)造函數(shù)鏈接到函數(shù)Person上
//true me.constructor === Person2.3將對(duì)象的原型鏈鏈接到Person.prototype
使新建對(duì)象可以沿原型鏈?zhǔn)褂脴?gòu)造函數(shù)的方法
//true me.__proto__ === Person.prototype2.4將傳入的參數(shù)富裕給新創(chuàng)建的對(duì)象 3.Object.create(ES5)
在ES5之前，只能使用new來(lái)實(shí)現(xiàn)原型鏈集成。總而言之Object.create()和字面量對(duì)象應(yīng)該替換new object()方法。
Object.create()可以接收兩個(gè)參數(shù)：提供原型的對(duì)象，可選屬性對(duì)象（這個(gè)對(duì)象包含對(duì)新創(chuàng)建對(duì)象的配置）。
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));
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/83294.html
摘要：在使用利用面向?qū)ο蟮乃枷雱?chuàng)建類和對(duì)象時(shí)，通常是使用構(gòu)造函數(shù)，工廠方式，原型方式，原型構(gòu)造函數(shù)方式等。 在使用javascript利用面向?qū)ο蟮乃枷雱?chuàng)建類和對(duì)象時(shí)，通常是使用構(gòu)造函數(shù)，工廠方式，原型方式，原型構(gòu)造函數(shù)方式等。構(gòu)造函數(shù)其實(shí)就是使用一個(gè)使用new操作符調(diào)用函數(shù)，當(dāng)使用new調(diào)用時(shí)，構(gòu)造函數(shù)內(nèi)用到的this對(duì)象會(huì)指向新創(chuàng)建的對(duì)象實(shí)例，例如： function Person(na...
摘要：創(chuàng)建數(shù)組構(gòu)造函數(shù)如果要?jiǎng)?chuàng)建具有給定長(zhǎng)度的，常用的方法是使用構(gòu)造函數(shù)這種方法很方便，但是有兩個(gè)缺點(diǎn)即便你稍后再用值把數(shù)組完全填滿，這種空洞也會(huì)使這個(gè)略微變慢。所以操作這個(gè)數(shù)組時(shí)應(yīng)該比用構(gòu)造函數(shù)創(chuàng)建的更快。 翻譯：瘋狂的技術(shù)宅原文： http://2ality.com/2018/12/cre... 本文首發(fā)微信公眾號(hào)：jingchengyideng歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)...
摘要：餅狀圖將數(shù)據(jù)用切割成份的圓來(lái)展示。至于半徑，我們用寬度的一半與高度的一半的較小值，因?yàn)槲覀儾幌胱岋灎顖D超出。結(jié)果看起來(lái)如下這樣繪制圓環(huán)圖我們已經(jīng)看到如何創(chuàng)建餅狀圖。怎樣畫(huà)洞呢我們可以畫(huà)一個(gè)白色的圓在餅狀圖上。 showImg(https://segmentfault.com/img/bVObDh?w=850&h=362); 原文：https://code.tutsplus.com/zh...
摘要：接下來(lái)該填表了生成行和單元格為了填充表格可以遵循同樣的方法，但這次我們需要迭代數(shù)組中的每個(gè)對(duì)象。對(duì)于每個(gè)對(duì)象，我們可以使用生成單元格。 翻譯：瘋狂的技術(shù)宅原文：https://www.valentinog.com/bl... 本文首發(fā)微信公眾號(hào)：jingchengyideng歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章 怎樣用原生 JavaScript 生成表格需？本文告訴你答案！...
閱讀 2532·2021-09-24 10:29
閱讀 3817·2021-09-22 15:46
閱讀 2584·2021-09-04 16:41
閱讀 2990·2019-08-30 15:53
閱讀 1271·2019-08-30 14:24
閱讀 3064·2019-08-30 13:19
閱讀 2181·2019-08-29 14:17
閱讀 3532·2019-08-29 12:55
