这篇文章给大家分享的是有关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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。