1.解构的含义 允许按照一定的模式,从数组和对象中取值,对变量进行赋值,称为解构. 解构赋值时,只要等号右边的值不是对象,就先将其转换成对象. 本质上,这种写法属于 “模式匹配”,只要两边模式相同,左边的变量就会被赋予对应的值. let [head,...tail]=[, , , ]; //不完全解构,左边的模式,只匹配一部分的等号右边的数组 解构后: head=1,tail=[2,3,4]. 2.解构的限制. (1)undefined与null 无法转换成对象,解构赋值就会报错. let {…

1.var JavaScript中,我们通常说的作用域是函数作用域,使用var声明的变量,无论是在代码的哪个地方声明的,都会提升到当前作用域的最顶部,这种行为叫做变量提升(Hoisting) const和let的异同点 相同点:const和let都是在当前块内有效,执行到块外会被销毁,也不存在变量提升(TDZ),不能重复声明. 不同点:const不能再赋值,let声明的变量可以重复赋值. 2.字符串 引用模板字面量进行字符串拼接 可以抛弃以前字符串 + 的操作了. const template…

一.兼容情况 说到ECMAScript6,顺便提一下ECMAScript5,先看一下ES5的兼容情况.ES5浏览器支持情况: Opera 11.60:Internet Explorer 9*:Firefox 4:Safari 5.1**:Chrome 13* IE9不支持严格模式 — IE10 添加** Safari 5.1 仍不支持 Function.prototype.bind, 尽管Function.prototype.bind现在已经被 Webkit所支持. 具体ES5.ES6各浏览器支…

koa2已发布了一段时间,可以考虑入手,参见Node.js最新Web技术栈(2016年4月) 本文主要是koa 2的文档解读和runkoa介绍,让大家对koa 2有一个更简单直接的理解 一.依赖Node.js 4.0+ Koa requires node v4.0.0 or higher for (partial) ES2015 support. 部分特性需要ES2015,大家可以自己比对一下es6在node不同版本里的支持特性 http://kangax.github.io/compat-ta…

系列目录 ES6+ 现在就用系列(一):为什么使用ES6+ ES6+ 现在就用系列(二):let 命令 ES6+ 现在就用系列(三):const 命令 ES6+ 现在就用系列(四):箭头函数 => ES6+ 现在就用系列(五):模板字面量 (Template Literals) ES6+ 现在就用系列(六):解构赋值 (Destructuring ) ES6+ 现在就用系列(七):Promise ES6+ 现在就用系列(八):类 (Class),继承,对象的扩展 ES6+ 现在就用系列(九):模…

一.运行及关闭运行: 在上一节中我们用shift+右击在C:\vue\es6文件夹中打开命令行使用:npm run dev,打开了我们的vue界面. 如果要关闭则在命令行中按住ctrl+C则可以关闭. 二.let和const使用方法: (1).在javascript中我们通常使用var会发生变量提升,即脚本开始运行时,变量已经存在了,但是没有值,所以会输出undefined, 而let不会发生变量提升,这表示在声明它之前,变量是不存在的,这时如果用到它,就会抛出一个错误. (2).var 是函数…

字符串遍历 var str = 'hello'; for(let s of str){console.log(s += ' ')} //h e l l o 字符串查找:添加了include(str,index):返回布尔值,表示是否找到了参数字符串,index表示查找开始位置,默认0 startsWith(str,index):返回布尔值,表示在字符串头部是否找到参数字符串,index同上 endsWith(str,index):返回布尔值,表示在字符串尾部是否找到参数字符串,index同上 重…

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 前一篇的内容太简单了,会不会很失望.这次就来一个接近实际应用的例子,对应的React的组件也会更加复杂.这次开发一个购物车的页面.在这个页面中你会看到某个产品的信息,比如:图片.名称和价格.另外,一个用户可以增加和减少该商品的数量. 创建cart…

作者 Jason Orendorff  github主页  https://github.com/jorendorff 请看这样一段代码: var obj = new Proxy({}, { get: function (target, key, receiver) { console.log(`getting ${key}!`); return Reflect.get(target, key, receiver); }, set: function (target, key, value, r…

数组 1 map 映射 一个对一个 如:分数数组[34,56,78,99]映射为[不及格,不及格,及格,及格]; 等级数组[23,56,89]映射为 [ {name:'lmx',level:1,role:1}, {name:'zhangsan',level:88,role:3}, {name:'lisi',level:33,role:2}, ]; 代码示例一: let score=[34,56,78,99]; let res=score.map(item=>item>=60?'及格':'不及格…