[ES6] 12. Shorthand Properties in ES6

Where destructuring in ES6 allows you to easily get properties out of an object, this shorthand property syntax allows you to easily push properties in.

let firstName = "Answer";
let lastName = "Question";

let person = {firstName, lastName}

console.log(person);  // { firstName: ‘Answer‘, lastName: ‘Question‘ }

let mascot = "Moose";

let team = {person, mascot};

console.log(team); // { person: { firstName: ‘Answer‘, lastName: ‘Question‘ },
                   //mascot: ‘Moose‘ }
时间: 2024-10-13 19:40:10

[ES6] 12. Shorthand Properties in ES6的相关文章

【ES6系列】一、ES6简介

说明 本系列是笔记,参考以下两个网站,本系列的其他笔记中将不再说明 [1] http://es6.ruanyifeng.com/ [2] https://developer.mozilla.org/zh-CN/ 如果想学习javascript或es6,推荐到以上两个网站学习 诞生 2015年6月17日,ECMAScript的第六个版本正式发布,该版本正式名称为ECMAScript 2015,但通常被称为ECMAScript 6或者ES6. 对ES6的支持 浏览器对ES6的支持情况 Node.js

es6(一):es6介绍以及let,const

es是js的规范,而js是具体实现 将es6转化为es5代码工具:运用的多的是babel 在线转换地址:babel,traceur(属于谷歌) 1.let申明变量:let其实可以完全取代var,并且没有var这么多副作用 1 { 2 var a = 10; 3 let b = 10;//let申明的变量是块级作用域 4 } 5 console.log(a)//10 6 // console.log(b)//b is not defined let很适合的一种场景是:for 1 for (let

【ES6】最常用的es6特性(二)

1.for of 值遍历 for in 循环用于遍历数组,类数组或对象,ES6中新引入的for of循环功能相似,不同的是每次循环它提供的不是序号而是值. var someArray = [ "a", "b", "c" ]; for (v of someArray) { console.log(v);//输出 a,b,c } 2.iterator, generator基本概念 2.1 iterator:它是这么一个对象,拥有一个next方法,这个

【ES6】最常用的es6特性(一)

参考链接: http://www.jianshu.com/p/ebfeb687eb70 http://www.cnblogs.com/Wayou/p/es6_new_features.html 1.let, const 这两个的用途与var类似,都是用来声明变量的,但在实际运用中他俩都有各自的特殊用途. 1.1第一种场景就是你现在看到的内层变量覆盖外层变量 var name = 'zach' while (true) { var name = 'obama' console.log(name)

深入浅出ES6(一):ES6是什么

作者 Jason Orendorff github主页 https://github.com/jorendorff ECMAScript发生了什么变化? 编程语言JavaScript是ECMAScript的实现和扩展,由ECMA(一个类似W3C的标准组织)参与进行标准化.ECMAScript定义了: 语言语法 – 语法解析规则.关键字.语句.声明.运算符等. 类型 – 布尔型.数字.字符串.对象等. 原型和继承 内建对象和函数的标准库 – JSON.Math.数组方法.对象自省方法等. ECMA

《深入理解ES6》 PDF中英文+《ES6标准入门第3版》PDF分析

ES6是ECMAScript标准十余年来变动最大的一个版本,其中添加了许多新的语法特性,既有大家耳熟能详的Promise,也有闻所未闻的Proxy代理和Reflection反射:既有可以通过转译器(Transpiler)等方式在旧版本浏览器中实现兼容的let.const.不定参数.展开运算符等功能,亦有无论如何都无法实现向前兼容的尾调用优化.深入理解ES6的特性对于所有JavaScript开发者而言至关重要,在可预见的未来,ES6中引入的语言特性会成为JavaScript应用程序的主流特性,这也

[ES6 系列] 你真的了解ES6吗(一)

前言 无论是我们日常开发还是面试跳坑, ES6 已经变得越来越重要,那么你是否对它足够熟悉呢 ES6 将会是专栏接下来的一个系列,从最基础的概念或者有趣的问题开始逐渐深入,探究 ES6 常用的特性以及实际开发中遇到的问题.有些问题可能会比较奇葩,工作中根本不会写出这样的代码,但正是这些问题可以看出你的了解程度 本文的 答案 不一定是最优解释,如果你有更好的想法或更优雅的写法,欢迎留言讨论 如果文章中有出现纰漏.错误之处,还请看到的小伙伴多多指教,先行谢过 以下↓ 正文 下面代码会打印什么 fun

es6 数组..... ==和===的区别 es6的递归方式 es6find函数 timer setTimeout v-html的用法,-

相当于push了  find函数来找到某个值 如果新建一个 setTimeout 的timer 首先得清除这个timer. v-html用法之一就是加载后台传过来的模板 原文地址:https://www.cnblogs.com/houxiaoming/p/9236493.html

es6+最佳入门实践(12)

12.class基础用法和继承 12.1.class基础语法 在es5中,面向对象我们通常写成这样 function Person(name,age) { this.name = name; this.age = age; } Person.prototype.showName = function () { console.log(this.name); }; let p = new Person("xiaoqiang", 10); p.showName(); 上面这种写法与传统的面