Object.defineProperty這個方法了不起啊,vue.js是通過它實現雙向綁定的。。而且Object.observe也被草案發起人撤回了。。所以defineProperty更有必要了解一下了。
幾行代碼看他怎么用
var a= {}Object.defineProperty(a,"b",{ value:123})console.log(a.b);//123很簡單,它接受三個參數,而且都是必填的。。
傳入參數
第一個參數:目標對象
第二個參數:需要定義的屬性或方法的名字。
第三個參數:目標屬性所擁有的特性。(descriptor)
前兩個參數不多說了,一看代碼就懂,主要看第三個參數descriptor,看看有哪些取值
descriptor
他又以下取值,我們簡單認識一下,后面例子,挨個介紹。
value:屬性的值(不用多說了) writable:如果為false,屬性的值就不能被重寫,只能為只讀了 configurable:總開關,一旦為false,就不能再設置他的(value,writable,configurable) enumerable:是否能在for...in循環中遍歷出來或在Object.keys中列舉出來。 get:一會細說 set:一會細說descriptor 默認值
我們再看看第一個例子
var a= {}Object.defineProperty(a,"b",{ value:123})console.log(a.b);//123我們只設置了 value,別的并沒有設置,但是第一次的時候 可以簡單的理解為(暫時這樣理解)它會默認幫我們把writable,configurable,enumerable。都設上值,而且值還都是false。。也就是說,上面代碼和下面是等價的的(僅限于第一次設置的時候)。
var a= {}Object.defineProperty(a,"b",{ value:123, writable:false, enumerable:false, configurable:false})console.log(a.b);//123以上非常重要哦。。并且以上理解對set 和 get 不起作用哦
configurable
總開關,第一次設置 false 之后,,第二次什么設置也不行了,比如說
var a= {}Object.defineProperty(a,"b",{ configurable:false})Object.defineProperty(a,"b",{ configurable:true})//error: Uncaught TypeError: Cannot redefine property: b就會報錯了。
注意上面講的默認值。。。如果第一次不設置它會怎樣。。會幫你設置為false。。所以。。第二次。再設置他會怎樣?。。對嘍,,會報錯
writable
如果設置為fasle,就變成只讀了。
var a = {}; Object.defineProperty(o, "b", { value : 123, writable : false });console.log(a.b); // 打印 37a.b = 25; // 沒有錯誤拋出(在嚴格模式下會拋出,即使之前已經有相同的值)console.log(o.a); // 打印 37, 賦值不起作用。enumerable
屬性特性 enumerable 定義了對象的屬性是否可以在 for...in 循環和 Object.keys() 中被枚舉。
新聞熱點
疑難解答
圖片精選