JavaScript get set方法 ES5/ES6写法

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

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

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

ES5写法

 1 function Number(num) {
 2   this._num = num           //这里的_num和get/set方法num()不能重名
 3 }
 4
 5 //get/set方法使用同一个命名，增加可读性
 6 Number.prototype = {
 7   get num() {
 8     return this._num;
 9   },
10
11   set num(num) {
12         this._num = num;
13   }
14 }
15
16 var test = new Number(8);
17 console.log(test.num);
18 test.num = 88;
19 console.log(test.num);

输出：

>88

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

ES6写法

再看看用ES6中class的实现：

 1 class Num {
 2   constructor(num) {
 3         this._num = num;
 4   }
 5
 6   get num() {
 7     return this._num;
 8   }
 9
10   set num(num) {
11     this._num = num;
12   }
13
14 }
15
16 var test = new Num(9);
17 console.log(test.num);
18 test.num = 99;
19 console.log(test.num);

输出：

>99

转载于:https://www.cnblogs.com/ljwTiey/p/7387598.html

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

JavaScript get set方法 ES5 ES6写法
title: JavaScript get set方法 ES5/ES6写法 date: 2018-05-07 10:38:50 tags: 前端 categories: 前端网上鲜有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写法相关推荐

最新文章

热门文章