<第三天学习>访问器属性

本文介绍了JavaScript中的对象成员,包括属性和方法的使用。通过示例展示了如何定义和访问属性,以及如何使用方法进行计算,如计算商品总价。此外,还提到了访问器属性的get和set方法,用于读取和修改数据。
摘要由CSDN通过智能技术生成
// 对象成员:属性,方法
// 属性:类似于变量
// 方法:类似于函数
   const product = {
     //属性↓
      data: [
        { id: 1, name: "手机", price: 5000, num: 5 },
        { id: 2, name: "电脑", price: 4000, num: 15 },
        { id: 3, name: "相机", price: 14000, num: 10 },
      ],

      // 计算总金额
      // 方法↓
      // es6的方法的简化,将冒号和function可以删除
      getAmounts() {
        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 setPrice(price) {
        this.data[1].price = price;
      },
    };

    console.log("总金额 = %d元 ", product.getAmounts());

    //   不想用方法,想用属性的方式来获取总金额
    console.log("总金额 = %d元 ", product.total);
    console.log(product.data[1].price);
    // 4000
    product.setPrice = 8000;
    console.log(product.data[1].price);
    // 8000
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值