前端 JS 经典:访问器成员

简介: 前端 JS 经典:访问器成员

前言:在 ES6 中的 class 对象里,有一个 get 语法糖,它可以使对象里的函数,变成一个访问器的成员。这样做的意义是语义化。比如:有一个商品的对象,里面有单价和数量,和一个计算总价的函数。当我们不使用 get 定义这个函数时,在实例中,就需要用调用函数的方式获得总价。但是总价是一个数字,我们希望用属性的方式获取,就可以使用 get。

class Product {
  constructor(price, num) {
    this.price = price;
    this.num = num;
  }
 
  get allPrice() {
    return this.price * this.num;
  }
}
 
const candy = new Product(10, 20);
candy.allPrice; // 200
目录
相关文章
|
7月前
|
JavaScript API 开发者
在Vue.js中设置方法时访问$vuetify实例的正确姿势。
总之,访问 `$vuetify`实例是一种直观而有效的方法,它使得在Vue组件中处理Vuetify相关的逻辑成为可能。务必留意正确使用 `this`上下文,并确保在执行任何操作之前,Vue组件实例已经正确初始化并且可用。这种方式在组件自身逻辑与Vuetify的界面表现层之间架起了一座桥梁,使得开发者可以通过书写组件代码来控制和优化用户界面。
102 14
|
6月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
178 1
|
9月前
|
JavaScript 前端开发 API
|
9月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
358 8
|
9月前
|
JavaScript 前端开发 容器
|
9月前
|
JavaScript 前端开发
|
9月前
|
存储 JavaScript 前端开发
|
9月前
|
移动开发 JavaScript 前端开发
|
9月前
|
存储 JavaScript 前端开发
|
9月前
|
JavaScript 前端开发

热门文章

最新文章