ES6 Object属性新的写法实例小结


Posted in Javascript onJune 25, 2019

本文实例讲述了ES6 Object属性新的写法。分享给大家供大家参考,具体如下:

之前我们定义一个对象特别麻烦,现在ES6简化了这些麻烦,在对象属性的新定义方法中存在以下的优化

我们之前定义对象属性的方法

var obj = {
 getName:function(firstName,lastName){
  return {firstName: firstName, lastName: lastName}
 }
}

比较的麻烦

ES6中属性新的定义方法,极简主义

var obj = {
 getName(firstName,lastName){
  return {firstName,lastName};
 }
}

简化了getter和setter方法,即:get和set关键字

var obj = {
 set _name(name) {
  this.name = name;
 },
 get _name() {
  return this.name;
 }
}
obj._name = 'Joh';
console.log(obj._name); // Joh

之前动态添加新属性的写法

var obj = {
 name:1
};
obj['x'] = 2;
obj.y = 3;

ES6 中动态添加新属性的写法

var obj = {
 name:1,
 ['x']:2,
 ['y']:3
}

代码更少更方便

在nodejs中导出对象的方法改进

var obj1 = {};
var obj2 = {};
module.exports = {obj1, obj2}; // 新的方式
/*
旧的方式:
module.exports.obj1 = obj1;
module.exports.obj2 = obj2;
甚至:
module.exports = {
 obj1:obj1,
 obj2:obj2
}
*/

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
JS可以控制样式的名称写法一览
Jan 16 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
仿照Element-ui实现一个简易的$message方法
Sep 14 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
ES6模板字符串和标签模板的应用实例分析
Jun 25 #Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 #Javascript
Node.js实现简单的爬取的示例代码
Jun 25 #Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 #Javascript
vue 移动端注入骨架屏的配置方法
Jun 25 #Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
Jun 25 #Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 #Javascript
You might like
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
Javascript之String对象详解
2016/06/08 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
Windows下python2.7.8安装图文教程
2016/05/26 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
python的setattr函数实例用法
2020/12/16 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
阿迪达斯英国官方网站:adidas英国
2019/08/13 全球购物
初中生期末评语大全
2014/04/24 职场文书
市场营销战略计划书
2014/05/06 职场文书
竞聘上岗演讲稿
2014/05/16 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
2015年度党员个人总结
2015/02/14 职场文书
史上最全的军训拉歌口号
2015/12/25 职场文书
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server