原生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
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類