脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → ES6 Object属性新的写法

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

 更新时间：2019年06月25日 11:23:00   作者：Johnny丶me  
这篇文章主要介绍了ES6 Object属性新的写法,结合实例形式总结分析了ES6中object属性的常见简化写法,需要的朋友可以参考下

本文实例讲述了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两种跨域技术全面介绍

    JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）
    2014-04-04
  • 利用JavaScript中的高阶函数和闭包实现命令模式

    利用JavaScript中的高阶函数和闭包实现命令模式

    命令模式提供了一种优雅的解决方案，使得我们能够灵活地封装和管理代码操作，所以本文将为大家介绍命令模式的概念、应用场景以及在JavaScript中的实现方式，需要的可以参考一下
    2023-06-06
  • js,jq,css多方面实现简易下拉菜单功能

    js,jq,css多方面实现简易下拉菜单功能

    这篇文章主要介绍了js,jq,css多方面实现简易下拉菜单功能,需要的朋友可以参考下
    2017-05-05
  • 解析JavaScript中点号“.”的多义性

    解析JavaScript中点号“.”的多义性

    这篇文章主要介绍了JavaScript中点号“.”的多义性。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • JavaScript第一个分水岭之数组的基本操作

    JavaScript第一个分水岭之数组的基本操作

    Arrays(数组) 数组是一个固定长度的存储相同数据类型的数据结构,数组中的元素被存储在一段连续的内存空间中,下面这篇文章主要给大家介绍了关于JavaScript第一个分水岭之数组的基本操作,需要的朋友可以参考下
    2022-04-04
  • JS判断网页广告是否被浏览器拦截过滤的代码

    JS判断网页广告是否被浏览器拦截过滤的代码

    这篇文章主要介绍了JS判断网页广告是否被浏览器拦截过滤的代码,需要的朋友可以参考下
    2015-04-04
  • 小程序实现轮播图

    小程序实现轮播图

    这篇文章主要为大家详细介绍了小程序实现轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JS中for循环的四种写法示例(入门级)

    JS中for循环的四种写法示例(入门级)

    对于for循环相信大家再常用不过了,下面这篇文章主要给大家介绍了关于JS中for循环的四种写法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • 微信小程序prettier 格式化的配置方法

    微信小程序prettier 格式化的配置方法

    文章介绍了如何在微信小程序中安装和配置Prettier插件,以实现代码格式化,通过在开发者工具的设置中添加配置,并在项目根目录创建`.prettierrc`文件,可以自定义格式化规则,感兴趣的朋友跟随小编一起看看吧
    2024-11-11
  • 购物车选中得到价格实现示例

    购物车选中得到价格实现示例

    本文为大家介绍下购物车如何实现选中得到价格，下面有个不错的示例，大家可以参考下
    2014-01-01

最新评论