成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

Javascript Objects - Javascript語(yǔ)法基礎(chǔ) - Javascript核心

wzyplus / 2446人閱讀

摘要：創(chuàng)建對(duì)象對(duì)象直接量構(gòu)造函數(shù)原型繼承類(lèi)繼承對(duì)象擁有自有屬性和繼承屬性。遍歷順序是以廣度優(yōu)先遍歷所以使用便可以判斷是否是對(duì)象自有的屬性。可執(zhí)行對(duì)象通過(guò)如下方法可以創(chuàng)建一個(gè)可執(zhí)行對(duì)象既可以當(dāng)作對(duì)象來(lái)使用有原型鏈，也可以當(dāng)作函數(shù)來(lái)直接調(diào)用

  
原文: http://pij.robinqu.me/Javascript_Core/Javascript_Basics/Objects.html


  
源代碼： https://github.com/RobinQu/Programing-In-JavaScript/blob/master/chapters/JavaScript_Core/Javascript_Basics/Objects.md

本文需要補(bǔ)充更多例子

本文存在批注，但該網(wǎng)站的Markdown編輯器不支持，所以無(wú)法正常展示，請(qǐng)到原文參考。

Javascript Objects 創(chuàng)建對(duì)象

對(duì)象直接量

var o = {
foo : "bar"
}

構(gòu)造函數(shù)

var o = new Object();

原型繼承

var p = Object.create(o);

類(lèi)繼承

Javascript對(duì)象擁有自有屬性和繼承屬性。

在查詢(xún)對(duì)象o的屬性x時(shí)，先查找o中的屬性x，如果沒(méi)找到，則查找o的原型對(duì)象中的x屬性，直到查找到x或者一個(gè)原型是null的對(duì)象為止

在給對(duì)象o的x屬性賦值時(shí)，如果o中已經(jīng)有一個(gè)自有屬性x，則改變x的值，若o中不存在屬性x，則為o創(chuàng)建一個(gè)x屬性并賦值

也就是說(shuō)，只有在查詢(xún)時(shí)原型鏈才會(huì)起作用。

var O = {
x : 1
};

function P() {
this.y = 2;
}

P.prototype = O;

var t = new P();
console.log(t);
console.log("x" in t);//true
console.log(t.hasOwnProperty("x"));//false

可以使用in 或者 hasOwnProperty 來(lái)判斷對(duì)象中是否存在屬性。

對(duì)象屬性

遍歷對(duì)象屬性

可以使用 for..in 來(lái)遍歷對(duì)象的屬性

使用for..in時(shí)會(huì)遍歷到原型鏈上的屬性。遍歷順序是以廣度優(yōu)先遍歷

所以使用hasOwnProperty便可以判斷是否是對(duì)象自有的屬性。

對(duì)象屬性的特性

使用Object.getOwnPropertyDescriptor()獲取對(duì)象特定屬性的描述符

可寫(xiě)性(writable) 表示對(duì)象屬性是否可寫(xiě)

例如

var o = {
    foo : "bar"
}

Object.defineProperty(o, "foo", { writable : false });

o.foo = "world";
console.log(o.foo);//仍然輸出bar

可枚舉性(enumerable) 表示對(duì)象屬性是否可枚舉

例如
Array中的length等屬性的 enumerable是false，所以，

for (p in Array) {
    console.log(p);
}

什么也不輸出

可配置性(configurable) 表示可否修改屬性的可配置性和可枚舉性

可以用Object.defineProperties來(lái)定義這些配置屬性。

Object.defineProperty(o, "foo", { writable : false });

Get 表示獲取對(duì)象屬性的方法
Set 表示設(shè)置對(duì)象屬性的方法

示例

var book = {
    _year: 2004,
    edition: 1
};
Object.defineProperty(book, "year", {
    get: function () {
        console.log("get year");
        return this._year;
    },
    set: function (newValue) {
        console.log("set year");
        if (newValue > 2004) {
            this._year = newValue;
            this.edition += newValue - 2004;
        }
    }
});
book.year = 2005;//控制臺(tái)輸出‘set year’
console.log(book.year);//控制臺(tái)輸出‘get year’和year的值
對(duì)象方法

toString 將對(duì)象轉(zhuǎn)換成字符串，默認(rèn)的轉(zhuǎn)換會(huì)是[object Object]之類(lèi)的東西，所以需要轉(zhuǎn)成json格式的話可以用JSON.stringify

valueOf 需要將對(duì)象轉(zhuǎn)換成其他類(lèi)型的時(shí)候要用到。同樣的，默認(rèn)轉(zhuǎn)換沒(méi)什么值得說(shuō)的。

可執(zhí)行對(duì)象

通過(guò)如下方法可以創(chuàng)建一個(gè)可執(zhí)行對(duì)象

function bar(o) {
    var f = function() { return "Hello World!"; }
    o.__proto__ = f.__proto__;
    f.__proto__ = o;
    return f;
}

var o = { x: 5 };
var foo = bar(o);

console.log(foo());
console.log(foo.x);
console.log(typeof foo);//function

既可以當(dāng)作對(duì)象來(lái)使用（有原型鏈），也可以當(dāng)作函數(shù)來(lái)直接調(diào)用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/78110.html

相關(guān)文章

  • ES6特性概述 - ES6 - ECMAScript特性 - Javascript核心

    摘要：特性概述比較新特性更多。之后后分篇描述目前已經(jīng)比較成熟的語(yǔ)法特性例如和。同上，但返回該元素的索引號(hào)。和對(duì)象的屬性行為一致。不將參數(shù)強(qiáng)制轉(zhuǎn)行為。判斷是否為在范圍內(nèi)的正整數(shù)。不少層面的特性可以通過(guò)進(jìn)行兼容性支持。 原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_api_extension.html 源...

    Ali_ 評(píng)論0 收藏0

  • [譯]React 元素 vs React 組件 vs 組件支撐實(shí)例

    摘要：元素和組件實(shí)例都不表示真實(shí)元素。我希望這篇文章能夠幫助你理清這些術(shù)語(yǔ)參考資料翻譯成支撐實(shí)例來(lái)自于理解中方法創(chuàng)建組件的聲明式編程和命令式編程的比較對(duì)循環(huán)提示增加的研究精髓之一算法 本篇為譯文，原文出處：React Elements vs React Components vs Component Backing Instances 許多人可能聽(tīng)說(shuō)過(guò) Facebook 的 React 庫(kù)，...

    gnehc 評(píng)論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（九）--JavaScript中的對(duì)象分類(lèi)

    摘要：固有對(duì)象由標(biāo)準(zhǔn)規(guī)定，隨著運(yùn)行時(shí)創(chuàng)建而自動(dòng)創(chuàng)建的對(duì)象實(shí)例。普通對(duì)象由語(yǔ)法構(gòu)造器或者關(guān)鍵字定義類(lèi)創(chuàng)建的對(duì)象，它能夠被原型繼承。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專(zhuān)欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：ka...

    ShowerSun 評(píng)論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（九）--JavaScript中的對(duì)象分類(lèi)

    摘要：固有對(duì)象由標(biāo)準(zhǔn)規(guī)定，隨著運(yùn)行時(shí)創(chuàng)建而自動(dòng)創(chuàng)建的對(duì)象實(shí)例。普通對(duì)象由語(yǔ)法構(gòu)造器或者關(guān)鍵字定義類(lèi)創(chuàng)建的對(duì)象，它能夠被原型繼承。 筆記說(shuō)明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開(kāi)的一個(gè)專(zhuān)欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過(guò)程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專(zhuān)欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：ka...

    tinna 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<