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 相关文章推荐
js动态添加事件并可传参数示例代码
Oct 21 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
js事件监听器用法实例详解
Jun 01 Javascript
jQuery实现边框动态效果的实例代码
Sep 23 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
vuex 的简单使用
Mar 22 Javascript
react实现复选框全选和反选组件效果
Aug 25 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 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
DC动漫人物排行
2020/03/03 欧美动漫
php使用curl访问https示例分享
2014/01/17 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
浅谈php扩展imagick
2014/06/02 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
python比较2个xml内容的方法
2015/05/11 Python
浅析Python中yield关键词的作用与用法
2016/11/29 Python
用Python写脚本,实现完全备份和增量备份的示例
2018/04/29 Python
Python2与Python3的区别实例分析
2019/04/11 Python
Python中函数参数匹配模型详解
2019/06/09 Python
Django使用模板后无法找到静态资源文件问题解决
2019/07/19 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
用python-webdriver实现自动填表的示例代码
2021/01/13 Python
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
优秀毕业生自荐信范文
2014/01/01 职场文书
怎样写演讲稿
2014/01/04 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
中秋节寄语2015
2015/03/24 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python