sublime3安装Es6插件 javascriptNext,然后安装即可 Java​Script​Next - ES6 Syntax()高亮插件 ----------------------------------------------------------------- let.const命令 与var声明 let块级作用域 let不允许在代码块内重复声明一个变量 function aa(){ let a=3 { let a=5 //子作用域 } } 使用var声明的变量,其作用域为该语…

重新认识ES6中的语法糖:https://segmentfault.com/a/1190000010159725…

ES6为一些已有的功能提供了非破坏性更新,这类新语法能做的事情其实用ES5也可以做,只是会稍微复杂一些,称之为语法糖. 对象属性的简洁表示法 声明的对象中包含若干属性,其属性值由变量表示,且变量名和属性名一样的只写一个变量名即可.比如,var a=[], var obj={a:a},可以简写为var obj={a}: 箭头函数 ES6 为我们提供了一种写匿名函数的新方法就是箭头函数,不需要使用function关键字,其参数和函数体之间以=>相连接. 箭头只允许它们赋值给一个变量: 箭头头函数不能…

一 循环(数组 ,集合)   1 forEach-----------可以遍历得到vaue和index   const arr = ['red', 'green', 'blue'];arr.forEach( (element, index)=> {console.log(element); // red green blueconsole.log(index);   // 0 1 2}); //foreach处理不能直接用 变量接收 (map可以直接接收),返回undefined. let ne…

主要讲的内容 时间充裕的话就讲,模板字面量 默认参数值 首先讲es6之前,我们是怎么做的.例如我们要写一个求和的函数, 请两个参数的和,但是如果有的人就是穿一个参数呢? 那么b没有传值,b的值是多少呢?打印出来就是undefined.NaN就是a+b的值 所以我们要处理b这个参数.b等于b或者是0,这是一个缩写的形式.基本上所有es5的前端都会去这么写,默认参数 上面的一行简写的方式等于下面if else的方式. b赋值b给b有什么用?就是为了形式好看而已.如果b不存在就让他等于0 或的逻辑就是…

ES6 就是ECMAScript 6是新版本JavaScript语言的标准.虽然目前已经更新到ES7,但是很多浏览器还不知处ES7语法,该标准仍在更新中,但目前部门网站都指出ES6的语法.目前ES6也是使用最多的最新的javaScript语言标准.要查看ES6的支持情况请点此. 在2009年ES5问世以后,javaScript的标准就一直没有更新.从那时起ES标准委员会就已经开始筹划新的ES标准,在2015年发布了ES6.ES6是ECMAScript 的第6个版本. 经过持续几年的磨砺,它已成为…

大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,这种状态一直延续到了ES5.由于类似的库层出不穷,最终还是在ECMAScript 6中引入了类的特性.本文将详细介绍ES6中的类,ES6 的 class 属于一种“语法糖”,所以只是写法更加优雅,更加像面对对象的编程,其思想和 ES5 是一致的. function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toSt…

本文介绍下ES6中对象的一些拓展功能. 这三个语法糖在实际的项目开发中经常会见到.…

今天注意到两个东西: 1.为了模拟面向对象,JavaScript的class语法糖屏蔽了原型的概念 class A{ a = 1   // 注意!!这里定义的不是在prototype上的属性,而是给实例初始化的 constructor(){ this.c = 1 // 这是给实例初始化的 } fun(){  // 对于方法 这里定义的是A原型上的属性 } } 但是其实还是可以在A.prototype.xxx来操作的 资料: 2. class A{ name = 1 // 这个最终还是给实例用来构…

目录 * 核心例子 * 修改成静态变量(const)或块级变量(let) * 开始修改 * 疑问解释(重复定义会发生什么) * 疑问解释(let的块级作用域是怎样的) * 疑问解释(const定义的变量在基础数据类型和引用类型中的差异) * 修改成Promise的形式 * 预备知识(回调函数是什么) * 预备知识(如何把回调函数改为Promise) * 开始修改 * 修改成箭头函数(Arrow Function) * 预备知识(箭头函数是什么) * 预备知识(箭头函数函数中的this是个坑) *…