标签:定义 firstName lastName person test defineProperty fullName 属性
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>defineProperty定义属性的作用</title> </head>
<body> <script> // 给定需求 定义一个fullName属性,要求姓和名更改 fullName要同时更改 fullName更改 firstName和lastName也要同时更改 var person = { firstName: 'A', lastName: 'B' } Object.defineProperty(person, "fullName", { // get()函数不手动调用也会自己运行 说明是回调函数 关于回调函数的3个问题 /* 1. 什么时候执行 2. 用来做什么? 3.this是谁 */ get() { // 监听当访问被传入属性的时候执行, 将函数的返回值作为属性值, this是属性所在的对象 return this.firstName + '-' + this.lastName }, set(value) { // 当修改了被传入属性的时候执行,用来监听属性值的变化, this是属性所在的对象 // console.log(value); this.firstName = value.split('-')[0] this.lastName = value.split('-')[1] } }) var test = 1; if (test === 1) { person.firstName = 'c' console.log(person);
} test = 2; if (test === 2) { person.fullName = 'X-Y' console.log(person);
}
// 看完应该就明白了吧 感谢关注前端小曹 </script> </body>
</html>
标签:定义,firstName,lastName,person,test,defineProperty,fullName,属性 来源: https://www.cnblogs.com/coderwhytop/p/14674268.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。