您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript中Object.defineProperty()方法有什么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
1. 簡單,只需理解基本的概念,就可以編寫適合于各種情況的應用程序;2. 面向對象;3. 分布性,Java是面向網絡的語言;4. 魯棒性,java提供自動垃圾收集來進行內存管理,防止程序員在管理內存時容易產生的錯誤。;5. 安全性,用于網絡、分布環境下的Java必須防止病毒的入侵。6. 體系結構中立,只要安裝了Java運行時系統,就可在任意處理器上運行。7. 可移植性,Java可以方便地移植到網絡上的不同機器。8.解釋執行,Java解釋器直接對Java字節碼進行解釋執行。
語法
Object.defineProperty(obj, prop, descriptor)
定義
在對象上定義一個新屬性,可以修改原有的屬性!
參數
obj 目標對象。
prop 定義或修改的屬性的名字。
descriptor 定義或修改的屬性描述符。(不能同時設置value、writable 與 get、set的值)
屬性描述符
configurable: 布爾 --> 是否可配置
enumerable: 布爾 --> 是否可枚舉
value: 默認值
writable: 布爾 --> 是否可重寫
/訪問(存取)描述符
get //回調函數 根據其他屬性,動態計算當前屬性的值
set //回調函數 監聽當前屬性值是否發生改變 然后更新其他相關屬性
返回值
返回被操作的對象,即返回 obj 參數
以下代碼是簡單實現數據雙向綁定:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <input type="text" id="ipt" /> <p id="lc"></p> </body> </html> <script> //獲取頁面元素 var ipt = document.getElementById("ipt"); var ps = document.getElementById("lc"); var obj = { name: "" }; Object.defineProperty(obj, "name", { get() { return ipt.value; }, set(newval) { ipt.value = newval; ps.innerHTML = newval; }, }); ipt.addEventListener("keyup", function() { ps.innerHTML = ipt.value; //數據賦值 }); </script>
效果圖展示:
感謝各位的閱讀!關于“javascript中Object.defineProperty()方法有什么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。