这篇文章主要介绍Javascript中访问器优先级是怎样的,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
1.正常使用
<script>
const product ={
//属性
data : [
{id :1 ,name : "电脑" , price:5000 , num : 5},
{id :2 ,name : "手机" , price:4000, num : 15},
{id :3 ,name : "相机" , price:6000, num : 25}
],
//计算金额(方法)
//es6的方法的简化,将冒号和function关键字可以删除
getAmounts : function(){
return this.data.reduce((t,c) => (t+=c.price *c.num),0);
},
//访问器属性,将一个方法包装成一个属性
//get:是读取,也叫读操作
get total(){
return this.data.reduce((t,c) =>(t+=c.price *c.num),0 );
},
//set:是写操作 访问器属性的写操作
set setNum(num){
this.data[1].num=num;
},
set setPrice(price){
this.data[1].price=price;
},
};
console.log(product.getAmounts());
console.log("总金额为:",product.total);
product.setPrice=100;
console.log("更改后的价格为:",product.data[1].price);
</script>
2.访问器属性的优先级高于同名的普通属性
<script>
let user={
//属性
data:{name},
//方法
set name(name){
this.data.name=name;
},
get name(){
return this.data.name;
}
}
user.name="呵呵";
console.log(user.name);
</script>
以上是“Javascript中访问器优先级是怎样的”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。