国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

vue.js利用Object.defineProperty實現雙向綁定

2024-05-06 15:10:00
字體:
來源:轉載
供稿:網友

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() 中被枚舉。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 宁城县| 渑池县| 贺兰县| 开化县| 呼图壁县| 耿马| 贵港市| 道孚县| 句容市| 宜丰县| 怀化市| 额敏县| 台南市| 富蕴县| 东兴市| 调兵山市| 昌平区| 嘉义市| 上饶县| 普兰店市| 澄迈县| 建瓯市| 平南县| 湄潭县| 黎城县| 莱芜市| 灵山县| 郯城县| 永安市| 海宁市| 克山县| 灌南县| 卢湾区| 盘锦市| 辰溪县| 黎平县| 鄄城县| 辉县市| 泸溪县| 上高县| 龙海市|