摘要:數據描述符具有以下可選值該屬性對應的值。可以使任何有效的值數值,對象,函數。當且僅當該屬性的為時,該屬性才能出現在對象的枚舉屬性中默認為。凍結對象禁止對對象執行任何修改操作。張無忌凍結對象周芷若
Object類型 操作對象的屬性 屬性描述符
JavaScript提供了一個內部數據結構,用于描述對象的值,控制其行為,例如該屬性是否可寫,是否可配置,是否可修改以及是否可枚舉等。這個內部數據結構被稱為“屬性描述符”。
每個屬性都有自己對應的屬性描述符,保存該屬性的原信息。
// 表示創建一個空對象 var obj1 = new Object(null); var obj2 = new Object(undefined); // 表示創建一個與給定值對應類型的對象 var obj3 = new Object(100); console.log(obj3);// [Number: 100] var num = new Number(100); console.log(num);// [Number: 100] // 當以非構造函數形式被調用時,Object等同于new Object() var obj4 = Object();// 函數調用 var obj5 = new Object();// 構造函數調用數據描述符
數據描述符是一個具有值的屬性,該值可能是可寫的,也可能不是可寫的。數據描述符具有以下可選值:
1.value;該屬性對應的值??梢允谷魏斡行У腏avaScript值(數值,對象,函數 )。默認為undefined。
2.writable;當且僅當該屬性的writable為true時,value才能被賦值運算符改變。默認為false。
3.configurable;當且僅當該屬性的configurable為true時,該屬性描述符才能夠被改變,同時該屬性也能從對應的對象上刪除。默認為false。
4.enumerable;當且僅當該屬性的enumerable為true時,該屬性才能出現在對象的枚舉屬性中默認為false。
存取描述符是由getter-setter函數對描述的屬性。存取描述符具有以下可選值:
1.get;給屬性提供getter的方法,如果沒有getter則為undefined。當訪問該屬性是,該方法會被執行,方法執行是沒有參數傳人,但是會傳入this對象。
2.set;給屬性提供setter的方法,如果沒有setter則為undefined。當屬性值修改時,觸發執行該方法。該方法將接受唯一參數,即該屬性新的參數值。
3.configurable;當且僅當該屬性的configurable為true是,該屬性描述符才能夠改變,同時該屬性也能從對應的對象上被刪除 。默認為false。
4.enumerable;當且僅當該屬性的enumerable為true時,該屬性才能夠出現對象的枚舉屬性中。默認為false。
通過定義對象(屬性或方法)這種方式 屬性默認都是數據描述符 var obj = { name : "張無忌" } 使用Object.getOwnPropertyDescriptor()方法獲取指定屬性的描述符 Object.getOwnPropertyDescriptor(obj,prop) obj - 表示指定屬性對應的目標對象 prop - 表示獲取描述符的目標屬性名稱 返回值 - 其屬性描述符對象 var result = Object.getOwnPropertyDescriptor(obj,"name"); console.log(result);設置屬性描述符
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "張無忌" } Object.defineProperty(obj, prop, desc)方法 作用 用于定義目標對象的新屬性 用于修改目標對象的已存在屬性 參數 obj - 表示目標對象 prop - 表示目標對象的目標屬性名稱 desc - 表示屬性描述符,必須是對象格式 { value : 值 } 返回值 - 返回傳遞的對象 Object.defineProperty(obj, "name", { value : "周芷若" }); console.log(obj.name);// 周芷若 同樣都是為對象新增屬性 1.如果直接使用 "對象名.屬性名 = 值" -> 可修改、可刪除以及可枚舉的 2.如果使用Object.defineProperty()方法新增屬性 該新屬性是不可修改、不可刪除以及不可枚舉的 Object.defineProperty(obj, "age", { value : 18 }); console.log(obj.age);// 18 var result1 = Object.getOwnPropertyDescriptor(obj, "age"); console.log(result1); // 一旦屬性的值是不可修改的 - 如果執行修改操作時 -> 沒有語法報錯,但是無效 obj.age = 80; console.log(obj.age);// 18 obj.job = "教主"; var result2 = Object.getOwnPropertyDescriptor(obj, "job"); console.log(result2);
var obj = { // 定義對象的同時定義了該屬性以及值(可修改、可刪除以及可枚舉的) name : "張無忌" } // 修改現有屬性 Object.defineProperty(obj, "name", { value : "周芷若", writable : false // 不可修改 }); console.log(obj.name);// 周芷若 // 修改name屬性值 obj.name = "趙敏"; console.log(obj.name);// 周芷若 Object.defineProperty(obj, "age", { value : 18, writable : true }); console.log(obj.age);// 18 // 修改age屬性值 obj.age = 80; console.log(obj.age);// 80 // 刪除age屬性值 delete obj.age; console.log(obj.age);// undefined屬性描述符的存取器
對象的屬性除了可以直接定義以外,還可以使用存取器進行定義。其中setter為存值函數,使用屬性描述符總set;getter為取值函數,使用屬性描述符的get。
var obj = { name : "張無忌" } var value;// 全局變量 Object.defineProperty(obj, "name", { // 獲取指定的屬性值 get : function(){// 當獲取或訪問當前屬性時,會調用get方法 console.log("this is get function"); 類似于數據描述符中的value get方法在被調用時,不能傳遞任何參數 get方法在被調用時,允許傳遞this關鍵字 this - 表示當前的目標對象(不能調用對象的當前目標屬性) return value;// 由于變量為初始化,調用時可能結果為 undefined }, set方法用于定義當前目標屬性的修改作用 該方法接收唯一的一個參數 -> 作為當前目標屬性的新的值 通過屬性修改操作指定的新的值 -> 作為形參對應的實參 set : function(newValue){ console.log("this is set function: " + value); set方法在被調用時,允許傳遞this關鍵字 this - 表示當前的目標對象(不能調用對象的當前目標屬性) value = newValue; } }); console.log(obj.name);// undefined obj.name = "趙敏"; console.log(obj.name);// 趙敏防篡改對象 防篡改是什么
定義的對象默認在任何時候、任何位置,無論有意義的還是沒有意義的都可以修改獨享的屬性或方法.而這些篡改可能會影響對象的內置屬性或方法,從而導致對象的正常功能無法使用。
JavaScript在ECMAScript5版本中新增了防止篡改對象的屬性或方法的機制,功提供了一下三級保護方式:
1.禁止擴展;禁止對對象擴展心的屬性或方法
2.密封對象;禁止擴展心的屬性或方法,禁止配置現有的屬性或方法的描述符,允許讀寫屬性的值。
3.凍結對象;禁止對對象執行任何修改操作。
如果禁止為對象擴展新的屬性或方法,需要修改對象屬性extensible為false。
var obj = {}; // 將對象設置禁止擴展 Object.preventExtensions(obj); // 新增屬性或方法無效 -> 語法沒有報錯 obj.name = "張無忌"; console.log(obj); Object.defineProperty()方法新增屬性 結果 - 報錯 信息 - TypeError: Cannot define property:name, object is not extensible. Object.defineProperty(obj, "name", { value : "周芷若" }); console.log(obj); Object.isExtensible(obj)方法 作用 - 用于判斷指定目標對象是否可擴展 返回值 true - 表示指定目標對象是可擴展的 false - 表示指定目標哦對象是不可擴展的 var result = Object.isExtensible(obj); console.log(result);密封對象
密封對象,就是指禁止為對象擴展心的守護星或方法,并且禁止修改現有屬性的描述符。
var obj = { name : "張無忌" // 表示可修改 }; console.log(Object.getOwnPropertyDescriptor(obj, "name")); 將該對象進行密封 1.不能為該對象新增屬性或方法 2.不能修改該對象的屬性或方法的描述符 configurable enumerable Object.seal(obj); console.log(Object.getOwnPropertyDescriptor(obj, "name")); 新增屬性 obj.age = 18; console.log(obj); // 修改屬性 obj.name = "周芷若"; console.log(obj); Object.defineProperty(obj, "age", { value : 18 }); Object.defineProperty(obj, "name", { value : "周芷若", writable : false, // 表示不可修改 configurable : true, enumerable : false }); console.log(Object.getOwnPropertyDescriptor(obj, "name")) console.log(obj); obj.name = "趙敏"; console.log(obj);凍結對象
凍結對象,就是指禁止對對象執行任何修改操作。
var obj = { name : "張無忌" } // 凍結對象 Object.freeze(obj); /*obj.age = 18; console.log(obj); obj.name = "周芷若"; console.log(obj); delete obj.name; console.log(obj);*/ Object.defineProperty(obj, "age", { value : 18 }); console.log(obj);
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108181.html
摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...
摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...
摘要:很多情況下,通常一個人類,即創建了一個具體的對象。對象就是數據,對象本身不包含方法。類是相似對象的描述,稱為類的定義,是該類對象的藍圖或原型。在中,對象通過對類的實體化形成的對象。一類的對象抽取出來。注意中,對象一定是通過類的實例化來的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了,離年底老媽老爸...
摘要:在中,并沒有對抽象類和接口的支持。例如,當對象需要對象的能力時,可以有選擇地把對象的構造器的原型指向對象,從而達到繼承的效果。本節內容為設計模式與開發實踐第一章筆記。 動態類型語言 編程語言按數據類型大體可以分為兩類:靜態類型語言與動態類型語言。 靜態類型語言在編譯時已確定變量類型,動態類型語言的變量類型要到程序運行時,待變量被賦值后,才具有某種類型。 而JavaScript是一門典型...
摘要:雖然,也是面向疾苦的語言,但是,它和靜態類型語言的面向接口編程不一而足。對象對他自己的行為負責,其他對象不關心它的內部實現。 ‘工欲善其事,必先利其器’,在深入學習JavaScript之前,我認為我們很有必要了解以下,JavaScript這門面向對象的動態語言到底是一門什么樣的語言。 JavaScript vs 其他面向對象語言 它沒有使用像Java等傳統的面向對象語言的類式繼承,而...
摘要:對象在中,除了數字字符串布爾值這幾個簡單類型外,其他的都是對象。那么在函數對象中,這兩個屬性的有什么區別呢表示該函數對象的原型表示使用來執行該函數時這種函數一般成為構造函數,后面會講解,新創建的對象的原型。這時的函數通常稱為構造函數。。 本文原發于我的個人博客,經多次修改后發到sf上。本文仍在不斷修改中,最新版請訪問個人博客。 最近工作一直在用nodejs做開發,有了nodejs,...
閱讀 1004·2021-11-25 09:43
閱讀 1672·2019-08-30 13:59
閱讀 1589·2019-08-30 11:22
閱讀 2123·2019-08-30 11:06
閱讀 1299·2019-08-28 17:51
閱讀 3717·2019-08-26 12:12
閱讀 778·2019-08-26 12:11
閱讀 442·2019-08-26 12:10