Javascript Objects - Javascript語法基礎 - Javascript核心

wzyplus 發布于2019-08-19 14:47 / 2401人閱讀

摘要：創建對象對象直接量構造函數原型繼承類繼承對象擁有自有屬性和繼承屬性。遍歷順序是以廣度優先遍歷所以使用便可以判斷是否是對象自有的屬性。可執行對象通過如下方法可以創建一個可執行對象既可以當作對象來使用有原型鏈，也可以當作函數來直接調用

原文: 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

本文需要補充更多例子

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

Javascript Objects 創建對象

對象直接量

var o = {
foo : "bar"
}

構造函數

var o = new Object();

原型繼承

var p = Object.create(o);

類繼承

Javascript對象擁有自有屬性和繼承屬性。

在查詢對象o的屬性x時，先查找o中的屬性x，如果沒找到，則查找o的原型對象中的x屬性，直到查找到x或者一個原型是null的對象為止

在給對象o的x屬性賦值時，如果o中已經有一個自有屬性x，則改變x的值，若o中不存在屬性x，則為o創建一個x屬性并賦值

也就是說，只有在查詢時原型鏈才會起作用。

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 來判斷對象中是否存在屬性。

對象屬性

遍歷對象屬性

可以使用 for..in 來遍歷對象的屬性

使用for..in時會遍歷到原型鏈上的屬性。遍歷順序是以廣度優先遍歷

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

對象屬性的特性

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

可寫性(writable) 表示對象屬性是否可寫

例如

var o = {
    foo : "bar"
}

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

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

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

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

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

什么也不輸出

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

可以用Object.defineProperties來定義這些配置屬性。

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

Get 表示獲取對象屬性的方法
Set 表示設置對象屬性的方法

示例

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;//控制臺輸出‘set year’
console.log(book.year);//控制臺輸出‘get year’和year的值

對象方法

toString 將對象轉換成字符串，默認的轉換會是[object Object]之類的東西，所以需要轉成json格式的話可以用JSON.stringify

valueOf 需要將對象轉換成其他類型的時候要用到。同樣的，默認轉換沒什么值得說的。

可執行對象

通過如下方法可以創建一個可執行對象

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

既可以當作對象來使用（有原型鏈），也可以當作函數來直接調用

GPU云服務器云服務器 javascript語法基礎 javascript基礎語法 javascript 語法 javascript核心

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/78110.html

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

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

Ali_ 2019-08-19 14:50 評論0 收藏0
[譯]React 元素 vs React 組件 vs 組件支撐實例

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

gnehc 2019-08-20 16:02 評論0 收藏0
重學前端學習筆記（九）--JavaScript中的對象分類

摘要：固有對象由標準規定，隨著運行時創建而自動創建的對象實例。普通對象由語法構造器或者關鍵字定義類創建的對象，它能夠被原型繼承。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯系我，郵箱：ka...

ShowerSun 2019-08-02 16:16 評論0 收藏0
重學前端學習筆記（九）--JavaScript中的對象分類

摘要：固有對象由標準規定，隨著運行時創建而自動創建的對象實例。普通對象由語法構造器或者關鍵字定義類創建的對象，它能夠被原型繼承。筆記說明重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯系我，郵箱：ka...

tinna 2019-08-30 10:48 評論0 收藏0