原生JS：Object對象詳細參考

来源:http://www.cnblogs.com/susufufu/archive/2016/09/05/5842831.html
-Advertisement-
Play Games

Object對象詳細參考 JavaScript原生提供一個Object對象（註意起首的O是大寫），所有其他對象都繼承自這個對象。 構造函數： Object 構造函數為給定的值創建一個對象包裝。 如果給定值是 null or undefined，將會創建並返回一個空對象 否則，將返回一個與給定值對應類 ...


Object對象詳細參考

JavaScript原生提供一個Object對象（註意起首的O是大寫），所有其他對象都繼承自這個對象。

構造函數：

Object 構造函數為給定的值創建一個對象包裝。
如果給定值是 null or undefined，將會創建並返回一個空對象
否則，將返回一個與給定值對應類型的對象。
當以非構造函數形式被調用時，Object() 等同於 new Object()。
var o1 = new Object();//創建空對象，等同：var o1 = {};

Object()方法：

Object本身當作工具方法使用時，可以將任意值轉為對象。如果參數是原始類型的值，Object方法返回對應的包裝對象的實例。
Object() // 返回一個空對象
Object(undefined) // 返回一個空對象
Object(null) // 返回一個空對象
Object('foo') instanceof String // true
Object(o1) === o1// true 如果Object方法的參數是一個對象，它總是返回原對象
if( obj === Object(obj) ) //這個方法常用於判斷某個值是否是對象。

屬性：

Object.length 值為1。
Object.prototype 可以為所有 Object 類型的對象添加屬性。

屬性描述符：本文最後又詳細說明

Object 對象的靜態方法：

所謂“靜態方法”，是指部署在對象自身的方法。在 ES5 中，如果參數不是一個對象類型，將拋出一個 TypeError 異常。在 ES6 中， non-object 參數將被視為一個不可擴展的普通對象，因此會返回 false 。

常用方法：
1）對象屬性模型的相關方法
Object.getOwnPropertyDescriptor()：獲取某個屬性的attributes對象。
Object.defineProperty()：通過attributes對象，定義某個屬性。
Object.defineProperties()：通過attributes對象，定義多個屬性。
Object.getOwnPropertyNames()：返回直接定義在某個對象上面的全部屬性的名稱。
（2）控制對象狀態的方法
Object.preventExtensions()：防止對象擴展。
Object.isExtensible()：判斷對象是否可擴展。
Object.seal()：禁止對象配置。
Object.isSealed()：判斷一個對象是否可配置。
Object.freeze()：凍結一個對象。
Object.isFrozen()：判斷一個對象是否被凍結。
（3）原型鏈相關方法
Object.create()：生成一個新對象，並該對象的原型。
Object.getPrototypeOf()：獲取對象的Prototype對象。

Object.assign(target, ...sources) IE不支持
把任意多個的源對象sources自身的可枚舉屬性淺拷貝給目標對象，然後返回目標對象target，若屬性名重覆則拋出異常打斷接下來的拷貝任務，Object.assign 會跳過那些值為 null 或 undefined 的源對象。

Object.create(proto, [ propertiesObject ]) IE9
創建一個擁有指定的原型對象proto和可選的屬性描述符對象propertiesObject
如果 proto 參數不是 null 或一個對象值，則拋出一個 TypeError 異常。
屬性描述符對象propertiesObject不能是 undefined，另外只有該對象中自有的可枚舉的屬性才有效，也就是說該對象的原型鏈上屬性是無效的。
//創建一個以另一個空對象為原型,且擁有一個可寫的,可枚舉的,不可配置的屬性p,省略了的屬性特性預設為false
var o2 = Object.create({}, { p: { value: 42, writable: true, enumerable: true } });

Object.defineProperty(obj, property, descriptor) IE9(IE8部分支持)
精確地給對象obj添加或修改一個自有屬性property，詳細指定該屬性的配置對象descriptor，最後返回這個對象obj。
一般情況下，我們為對象添加屬性是通過賦值來創建並顯示在屬性枚舉中（for...in 或 Object.keys 方法）， 但這種方式添加的屬性值可以被改變，也可以被刪除。
而使用 Object.defineProperty() 則允許改變這些額外細節的預設設置。例如，預設情況下，使用 Object.defineProperty() 增加的屬性值是不可改變的。

Object.defineProperties(obj, props) IE9
在一個對象obj上添加或修改一個或者多個自有屬性，並分別指定它們的配置。返回該對象。參數props是該對象的一個或多個鍵值對，值為將要為對象添加或修改的屬性的具體配置

Object.getOwnPropertyDescriptor(obj, prop) IE8
返回指定對象obj上一個自有屬性對應的屬性描述符對象prop。否則返回 undefined

Object.keys() IE9
返回一個數組，包含指定對象的所有自有可枚舉的屬性的名稱。

Object.getOwnPropertyNames(obj) IE9
返回一個包含了指定對象所有自有的屬性名的數組（包含不可枚舉的屬性）。
該數組中枚舉屬性的順序與通過 for...in loop（或 Object.keys）迭代該對象屬性時一致，而數組中不可枚舉屬性的順序未定義。

Object.getOwnPropertySymbols(obj) ES6
返回一個數組，它包含了指定對象自身所有的符號屬性（symbol 屬性鍵）。

Object.getPrototypeOf(obj) IE9
返回指定對象obj的原型對象obj.prototype。

Object.is(value1, value2) IE Safari 無
判斷兩個值是否嚴格相等。（類似===運算符，但+0不等於-0，NaN等於自己）。

Object.freeze(obj) IE9
凍結對象：凍結對象obj的所有自身屬性都不可能以任何方式被修改(不管是數據屬性還是訪問器屬性)。任何嘗試修改該對象的操作都會失敗，可能是靜默失敗，也可能會拋出異常（嚴格模式中）。如果一個屬性的值是個對象，則這個對象中的屬性是可以修改的，除非它也是個凍結對象。

Object.isFrozen() IE9 ，但Opera無
判斷對象是否已經凍結。一個對象是凍結的（frozen）是指它不可擴展，所有屬性都是不可配置的（non-configurable），且所有數據屬性（data properties）都是不可寫的（non-writable）

Object.isSealed() IE9 ，但Opera無
判斷對象是否已經密封。密封對象是指那些不可 擴展 的，且所有自身屬性都不可配置的（non-configurable）且屬性不可刪除的對象（其可以是可寫的）。

Object.isExtensible(obj) IE9
判斷對象是否可擴展（是否可以在它上面添加新的屬性）。Object.preventExtensions，Object.seal 或 Object.freeze 方法都可以標記一個對象為不可擴展。

Object.preventExtensions(obj) IE9 ，但Opera無
讓一個對象變的不可擴展，也就是永遠不能再添加新的屬性。
不可擴展的對象的屬性通常仍然可以被刪除。
嘗試給一個不可擴展對象添加新屬性的操作將會失敗，不過可能是靜默失敗，也可能會拋出 TypeError 異常（嚴格模式）。
Object.preventExtensions 只能阻止一個對象不能再添加新的自身屬性，仍然可以為該對象的原型添加屬性。

Object.seal() IE9 ，但Opera無
密封對象以防屬性被刪除，不會影響從原型鏈上繼承的屬性。但自身的__proto__屬性的值也會不能修改。返回被密封後的對象。密封對象是指那些不能添加新的屬性，不能刪除已有屬性，以及不能修改已有屬性的可枚舉性、可配置性、可寫性，但可能可以修改已有屬性的值的對象

Object.setPrototypeOf(obj, prototype) ES6 IE11 但Safari無
將一個指定的對象的原型設置為另一個對象或者null(既對象的[[Prototype]]內部屬性)。如果對象的[[Prototype]]被修改成不可擴展，就會拋出 TypeError異常。如果prototype參數不是一個對象或者null(例如，數字，字元串，boolean，或者 undefined)，則什麼都不做。否則，該方法將obj的[[Prototype]]修改為新的值。

Object.values() ES7
返回一個包含指定對象所有的可枚舉屬性值的數組

Object對象的實例屬性：

所有對象都會從它的原型上繼承一個 constructor 屬性
Object.prototype.constructor
返回一個指向創建了該對象原型的函數引用。需要註意的是，該屬性的值是那個函數本身，而不是一個包含函數名稱的字元串。

Object對象的實例方法：

部署在Object.prototype對象上的，所有Object的實例對象都繼承了這些方法

Object.prototype.hasOwnProperty()
返回一個布爾值 ，用來判斷某個對象是否含有指定的自身屬性。和 in 運算符不同，該方法會忽略掉那些從原型鏈上繼承到的屬性。

Object.prototype.isPrototypeOf(obj)
返回一個布爾值，檢測指定對象obj是否在本對象的原型鏈中。

Object.prototype.propertyIsEnumerable(propty)
判斷指定屬性是否可枚舉。每個對象都有 propertyIsEnumerable 方法。該方法可以判斷出指定對象里的屬性是否可枚舉，也就是說該屬性是否可以通過 for...in 迴圈等遍歷到，不過繼承的可枚舉屬性可以通過 for...in 迴圈遍歷到，所以對於繼承屬性該方法會返回false。如果對象沒有指定的屬性，該方法返回 false。

Object.prototype.toLocaleString()
直接調用 toString()方法。覆蓋了 toLocaleString() 方法的對象:
Array: Array.prototype.toLocaleString()
Number: Number.prototype.toLocaleString()
Date: Date.prototype.toLocaleString()

Object.prototype.toString()
返回對象的字元串表示。

Object.prototype.valueOf()
返回指定對象的原始值。

不同數據類型的Object.prototype.toString方法返回值如下：

數值：返回[object Number]。
字元串：返回[object String]。
布爾值：返回[object Boolean]。
undefined：返回[object Undefined]。
null：返回[object Null]。
數組：返回[object Array]。
arguments對象：返回[object Arguments]。
函數：返回[object Function]。
Error對象：返回[object Error]。
Date對象：返回[object Date]。
RegExp對象：返回[object RegExp]。
其他對象：返回[object " + 構造函數的名稱 + "]。

也就是說，Object.prototype.toString可以得到一個實例對象的構造函數

利用這個特性，可以寫出一個比typeof運算符更準確的類型判斷函數：

var type = function (o){
  var s = Object.prototype.toString.call(o);
  return s.match(/\\[object (.*?)\\]/)[1].toLowerCase();
};
type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

在上面這個type函數的基礎上，還可以加上專門判斷某種類型數據的方法：

['Null',
 'Undefined',
 'Object',
 'Array',
 'String',
 'Number',
 'Boolean',
 'Function',
 'RegExp',
 'NaN',
 'Infinite'
].forEach(function (t) {
  type['is' + t] = function (o) {
    return type(o) === t.toLowerCase();
  };
});
type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true

屬性描述符：
在 Javascript 中， 屬性 由一個字元串類型的“名字”（name）和一個“屬性描述符”（property descriptor）對象構成。
描述符必須是兩種形式之一：數據描述符和存取描述符。數據描述符是一個擁有value-writable可寫或不可寫值的屬性。存取描述符是由一對 get-set 函數功能來描述的屬性。它們的預設值是undefined，而其它兩個可選的屬性enumerable，configurable的預設值是false
value
writable 當且僅當該屬性的 writable 為 true 時，該屬性才能被賦值運算符改變。預設為 false。
get
set 一個給屬性提供 setter 的方法，如果沒有 setter 則為 undefined。該方法將接受唯一參數，並將該參數的新值分配給該屬性。預設為 undefined。
屬性特性 configurable 表示對象的屬性是否可以被刪除，如果 configurable 特性為false，那麼 writable 只能從true該為false外，其他特性都不能被修改，並且數據和存取描述符也不能相互切換。若嘗試修改為不同的值，則拋出TypeError異常
屬性特性 enumerable 定義了對象的屬性是否可以在 for...in 迴圈和 Object.keys() 中被枚舉。
這些選項不一定是自身屬性，如果是繼承來的也要考慮。為了確認保留這些預設值，你可能要在這之前凍結 Object.prototype，明確指定所有的選項，或者將__proto__屬性指向null。

var o = {};
o.a = 1;
// 等同於 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : true,
  configurable : true,
  enumerable : true
});
// 另一方面，
Object.defineProperty(o, "a", { value : 1 });
// 等同於 :
Object.defineProperty(o, "a", {
  value : 1,
  writable : false,
  configurable : false,
  enumerable : false
});
function Archiver() {
    var temperature = null;
    var archive = [];
    Object.defineProperty(this, \'temperature\', {
        get: function() {
            return temperature;
        },
        set: function(value) {
            temperature = value;
            archive.push({ val: temperature });
        },
        enumerable:true,
        configurable:true //可省略
    });
    this.getArchive = function() { return archive; };
}
var arc = new Archiver();
console.log(arc.archive);//undefined
arc.temperature = 11;
console.log(arc.temperature); //11
arc.getArchive(); // [{ val: 11 }]

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JS繼承之原型繼承
    許多OO語言都支持兩種繼承方式：介面繼承和實現繼承。介面繼承只繼承方法簽名，而實現繼承則繼承實際的方法。如前所述，由於函數沒有簽名，在ECMAScript中無法實現介面繼承。ECMAScript只支持實現繼承，而且其實現繼承主要是依靠原型鏈來實現的。 --摘自《JavaScript高級程式設計》 - ...
  • jquery選擇器（綜合）
    ...
  • 剛入前端整合的一個手機端頁面適配+預載入+獲取資源載入進度等的一個小模板
    剛入前端不久，之前主要學的是PC端的佈局，到公司之後負責的主要是移動端頁面，剛開始時為了使頁面適應移動端不同的屏幕大小採用的是百分比加媒體查詢的方式，做完一個項目之後，感覺非常不好用，雖然最後也基本使頁面做到了適配。所以做完這個項目之後…… ...
  • [譯]理解Javascript的非同步等待
    原文鏈接： "https://ponyfoo.com/articles/understanding javascript async await" 作者： "Nicolás Bevacqua" 目前 特性並沒有被添加到ES2016標準中，但不代表這些特性將來不會被加入到Javascript中。在我寫 ...
  • 使用rem來開發你的移動端網站
    rem可以在移動端開發過程中帶來強大的便利性，本文講述了使用rem在實際開發中的步驟。 ...
  • js 外部引用文件與 onload()函數的優先順序
    在HTML頁面中的body載入進來的時候，外部引用的js文件存放的位置 1.js文件放在body裡面，則是按照body的載入順序（按先後順序）進行載入 2.js文件放在<head>標簽裡面的文件，則是在body載入完之後，才載入頭部的js文件 註：js文件和body載入的順序是： body > js ...
  • Ajax詳解
    一.簡介 對於WEB應用程式：用戶瀏覽器發送請求，伺服器接收並處理請求，然後返回結果，往往返回就是字元串（HTML），瀏覽器將字元串（HTML）渲染並顯示瀏覽器上 通過在後臺與伺服器進行少量數據交換，AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新 ...
  • javascript最容易混淆的作用域、提升、閉包
    一、函數作用域 1.函數作用域 就是作用域在一個“Function”里，屬於這個函數的全部變數都可以在整個函數的範圍內使用及復用。 上面的“foo”函數內的幾個標識符，放到函數外面訪問就都會報錯。 2.立即執行函數表達式 在任意代碼片段外部添加包裝函數，可以將內部的變數和函數定義“隱藏”起來，外部作 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類