iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >ES6新特性之Object有什么变化
  • 962
分享到

ES6新特性之Object有什么变化

2024-04-02 19:04:59 962人浏览 独家记忆
摘要

这篇文章将为大家详细讲解有关es6新特性之Object有什么变化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Object的变化1. ES6允许在对象中只写属性名,不写属

这篇文章将为大家详细讲解有关es6新特性之Object有什么变化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

Object的变化

1. ES6允许在对象中只写属性名,不写属性值,属性值为属性名对应的变量值。

var a = 'hi';
var obj = {a};
console.log(obj); //Object {a: "hi"}

2.对象内方法的简写。

var a = 'hi';
var obj = {
  name: 'ES6',
  a,
  sayHi(){
    console.log(this.a+' '+this.name);
  }
}
obj.sayHi(); //hi ES6

3.ES6允许字面量定义对象时用表达式作为对象的属性名。

var a = 'b';
var obj = {
  [a]: 'ES6',
  ['c' + 'd']: 'hi'
}
console.log(obj); // Object {b: "ES6", cd: "hi"}

4.对象内方法名可以通过name访问。

var a = 'hi';
var obj = {
  name: 'ES6',
  a,
  sayHi(){
    console.log(this.a+' '+this.name);
  }
}
obj.sayHi(); //hi ES6
console.log(obj.sayHi.name); //sayHi

5.Object.is()

用来比较两个值是否严格相等,与 ===  的区别在于, Object.is(NaN, NaN) 返回true,Object.is(+0, -0) 返回false。

6.Object.Assign()

用于将源对象的所有可枚举属性复制到目标对象上。

var obj_source_1 = {
  a: {
    a1: 'hi',
    a2: 'ES6'
  },
  b: 'hello'
}
var obj_source_2 = {
  c: 'ES2015',
}
var result = Object.assign({}, obj_source_1, obj_source_2);
console.log(result); //Object {a: Object, b: "hello", c: "ES2015"}

一般用法:为对象添加属性、方法,克隆对象,合并对象。

关于“ES6新特性之Object有什么变化”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: ES6新特性之Object有什么变化

本文链接: https://www.lsjlt.com/news/78913.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ES6新特性之Object有什么变化
    这篇文章将为大家详细讲解有关ES6新特性之Object有什么变化,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Object的变化1. ES6允许在对象中只写属性名,不写属...
    99+
    2024-04-02
  • es6新特性是什么
    小编给大家分享一下es6新特性是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!es6新特性:1、ES6 引入了class,让JavaScript的面向对象编程...
    99+
    2023-06-06
  • es6的新特性是什么
    这篇文章将为大家详细讲解有关es6的新特性是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。es6新特性:const与let变量、模板字面量、解构、增强的对象字面量、for...of循环、展开运算符(....
    99+
    2023-06-06
  • es6的新特性有哪些
    es6的新特性有:1、块级作用域,可以在块级作用域中声明变量;2、箭头函数,一种新的函数声明方式;3、解构赋值,一种从数组或对象中提取值并赋值给变量的语;4、默认参数,允许在函数定义时为参数提供默认值;5、扩展运算符,可以将数组或对象展开,...
    99+
    2023-08-04
  • es6新特性都有哪些
    本教程操作环境:Windows10系统、ECMAScript 6版、Dell G3电脑。es6新特性都有哪些?ES6新特性1、let和const前面讲过:https://www.php.cn/js-tutorial-499866.html2...
    99+
    2023-05-14
    ES6
  • es6的新增特性有哪些
    这篇文章主要介绍“es6的新增特性有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“es6的新增特性有哪些”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • Java JDK15的新特性和变化有哪些
    这篇文章主要介绍了Java JDK15的新特性和变化有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Java JDK15的新特性和变化有哪些文章都会有所收获,下面我们一起来看看吧。OpenJDK 15的新特...
    99+
    2023-06-27
  • ES6新特性之模板字符串怎么用
    这篇文章主要介绍了ES6新特性之模板字符串怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:ES6引入了一种新型的字符串字面量语...
    99+
    2024-04-02
  • es6新特性怎么使用
    这篇“es6新特性怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6新特性怎么使用”文章吧。es6新特性有:1、l...
    99+
    2023-07-04
  • es6箭头函数有什么特性
    这篇文章主要介绍“es6箭头函数有什么特性”,在日常操作中,相信很多人在es6箭头函数有什么特性问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6箭头函数有什么特性”的疑惑...
    99+
    2024-04-02
  • es6中object新增方法是什么
    这篇文章主要介绍了es6中object新增方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中object新增方法是什么文章都会有所收获,下面我们一起来看看吧。ES6中Object新增方法Objec...
    99+
    2023-07-04
  • es6中object新增了什么方法
    这篇文章主要介绍了es6中object新增了什么方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中object新增了什么方法文章都会有所收获,下面我们一起来看看吧。es6中的object方法:1、“Ob...
    99+
    2023-07-04
  • es6新加的特性是什么及怎么用
    这篇文章主要介绍“es6新加的特性是什么及怎么用”,在日常操作中,相信很多人在es6新加的特性是什么及怎么用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6新加的特性是什...
    99+
    2024-04-02
  • CSS3有什么新特性
    这篇文章给大家分享的是有关CSS3有什么新特性的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   一、RGBA和透明度   RGBA是RGB色彩模型的一个扩展。在本质上看也是...
    99+
    2024-04-02
  • Vue.js2.5有什么新特性
    本篇内容介绍了“Vue.js2.5有什么新特性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!TypeScr...
    99+
    2024-04-02
  • Java12有什么新特性
    这篇文章主要讲解了“Java12有什么新特性”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java12有什么新特性”吧!Switch 表达式 (JEP 325)在 Java 12 中,对 S...
    99+
    2023-06-15
  • ES6新特性之字符串的示例分析
    这篇文章主要介绍了ES6新特性之字符串的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、ES5字符串函数concat: 将两个或多...
    99+
    2024-04-02
  • MySQL8.0有什么新特性
    本篇内容介绍了“MySQL8.0有什么新特性”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、MySQL ...
    99+
    2024-04-02
  • Dojo1.6有什么新特性
    这篇文章主要讲解了“Dojo1.6有什么新特性”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Dojo1.6有什么新特性”吧!Dojo作为最老牌的JavaSc...
    99+
    2024-04-02
  • es6的新特性有哪些及怎么使用
    这篇文章主要介绍“es6的新特性有哪些及怎么使用”,在日常操作中,相信很多人在es6的新特性有哪些及怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6的新特性有哪些及怎么使用”的疑惑有所帮助!接下来...
    99+
    2023-06-26
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作