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 相关文章推荐
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
jquery动态加载js/css文件方法(自写小函数)
Oct 11 Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
Sep 29 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
js生成随机数方法和实例
Jan 17 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
Javascript通过控制类名更改样式
May 24 Javascript
超轻量级的js时间库miment使用解析
Aug 02 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
全国FM电台频率大全 - 26 西藏自治区
2020/03/11 无线电
php采集速度探究总结(原创)
2008/04/18 PHP
php下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
php一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
php汉字转拼音的示例
2014/02/27 PHP
laravel7学习之无限级分类的最新实现方法
2020/09/30 PHP
JS 跳转页面延迟2种方法
2013/03/29 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
详解JavaScript中循环控制语句的用法
2015/06/03 Javascript
带有定位当前位置的百度地图前端web api实例代码
2016/06/21 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
web前端vue实现插值文本和输出原始html
2018/01/19 Javascript
简述vue中的config配置
2018/01/23 Javascript
详解Vue 多级组件透传新方法provide/inject
2018/05/09 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
vue路由分文件拆分管理详解
2020/08/13 Javascript
JS实现京东商品分类侧边栏
2020/12/11 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
python实现图书管理系统
2018/03/12 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python用for循环求和的方法总结
2019/07/08 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
《掌声》教学反思
2014/02/23 职场文书
庆元旦主持词
2015/07/06 职场文书
学校学期工作总结
2015/08/13 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
Elasticsearch 索引操作和增删改查
2022/04/19 Python