• 技术文章 >web前端 >js教程

    Javascript中访问器的优先级

    逆旅行人逆旅行人2021-04-09 17:57:34原创350

    2021040917385442144.jpg

    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>

    推荐:《2021年js面试题及答案(大汇总)

    以上就是Javascript中访问器的优先级的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:访问器 Javascript
    上一篇:javascript删除字符串最后一个字符 下一篇:JavaScript怎么修改HTML标签属性
    线上培训班

    相关文章推荐

    • javascript定义变量的方法有哪些• Javascript如何禁止文字的复制• javascript没有名称的函数叫什么• javascript的alert是什么• javascript中this用法有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网