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 相关文章推荐
JavaScript 图片预览效果 推荐
Dec 22 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
javascript-简单的计算器实现步骤分解(附图)
May 30 Javascript
实现51Map地图接口(示例代码)
Nov 22 Javascript
node.js中的fs.readFile方法使用说明
Dec 15 Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
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
PHP 递归效率分析
2009/11/24 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
php导入模块文件分享
2015/03/17 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
php实现单笔转账到支付宝功能
2018/10/09 PHP
JqGrid web打印实现代码
2011/05/31 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
2016/05/24 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
微信公众号 客服接口的开发实例详解
2016/09/28 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
2016/11/03 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
Vue.js划分组件的方法
2017/10/29 Javascript
JS实现数组的增删改查操作示例
2018/08/29 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
使用python分析git log日志示例
2014/02/27 Python
Python下Fabric的简单部署方法
2015/07/14 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
python实现飞行棋游戏
2020/02/05 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
python 两种方法删除空文件夹
2020/09/29 Python
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
学生档案自我鉴定
2013/10/07 职场文书
总经理检讨书
2014/09/15 职场文书
学校领导四风问题整改措施思想汇报
2014/10/09 职场文书
Pytest allure 命令行参数的使用
2021/04/18 Python