JavaScript get set方法 ES5 ES6写法

title: JavaScript get set方法 ES5/ES6写法 date: 2018-05-07 10:38:50 tags:

前端 categories:
前端

网上鲜有get和set的方法的实例，在这边再mark一下。

get和set我个人理解本身只是一个语法糖，它定义的属性相当于“存储器属性”

为内部属性提供了一个方便习惯的读/写方式

ES5写法

function Number(num) {this._num = num           //这里的_num和get/set方法num()不能重名
}//get/set方法使用同一个命名，增加可读性
Number.prototype = {get num() {return this._num;},set num(num) {this._num = num;}
}var test = new Number(8);
console.log(test.num);
test.num = 88;
console.log(test.num);
复制代码

输出：

8

88

在这里，定义了Number类的一个值_num，再原型中注入set和get方法，此时就可以使用test.num取值和赋值，更加直观。

ES6写法

再看看用ES6中class的实现：

class Num {constructor(num) {this._num = num;}get num() {return this._num;}set num(num) {this._num = num;}}var test = new Num(9);
console.log(test.num);
test.num = 99;
console.log(test.num);
复制代码

输出：

9

99

转载于:https://juejin.im/post/5c009b15f265da616e4c29fb

JavaScript get set方法 ES5 ES6写法相关推荐

JavaScript get set方法 ES5/ES6写法
网上鲜有get和set的方法的实例,在这边再mark一下. get和set我个人理解本身只是一个语法糖,它定义的属性相当于"存储器属性" 为内部属性提供了一个方便习惯的读/写方式 ...
react-native ES5与ES6写法对照表
转载链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/react-native-es5-and-es6-writing-tabl ...
ES6解构赋值: ES6...转为ES5的写法
es6的特性,主要用于数组和对象的析构直接上问题: 因为chrome低版本(用的55版本)不支持es6...的下面这种写法, 需要转为es5写法 function calcLinePaths() ...
ES6写法的reactjs
reactjs是目前最火的单页面框架,面向ES6语法,使用JSX语法进行组件化开发.JSX语法是把js和html混合起来编写代码,其核心就是以"<"">&qu ...
php es6写法,ES6...扩展运算符(示例代码)
在数组中的应用扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,++将一个数组转为用逗号分隔的参数序列++. console.log(...[1, 2, 3]) // 1 ...
Js Array数组ES5/ES6常用方法
Js Array数组ES5/ES6常用方法 1.栈方法(先进后出) push():在数组的最后一项后追加值(参数:可以为多个值或数组) 返回:数组的长度,改变了原数组. var a=[1,2,3] a ...
canvas：心率图案例 + ES5/ES6封装该案例
主要目的是练习:ES5中函数的封装和 ES6中class类的封装 1.没有封装 <body><style>canvas {border: 1px skyblue solid; ...
JavaScript的replace方法与正则表达式结合应用讲解
大家好!!今晚在华软G43*宿舍没什么事做,把javascript中replace方法讲解一下,如果讲得不对或不合理是情理之中的事,因为我不是老鸟,也不是菜鸟,我也不知道我当底是什么鸟??呵~~ re ...
JavaScript数据迭代方法差别
js有很多总迭代方法,ES6之后又新增了几个: 这里主要讨论数组迭代遍历的方法所以不会细讲for...in... ES5.ES6数组迭代方法有: forEach map filter some eve ...

JavaScript get set方法 ES5 ES6写法

ES5写法

ES6写法

JavaScript get set方法 ES5 ES6写法相关推荐

最新文章

热门文章