1.const和let let类似于var,不同的是let只在所在的代码段有效 for循环的计数器,就很合适使用let命令. let和var的区别: //变量i是var声明的,在全局范围内都有效.所以每一次循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮的i的值. var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); //变量i是let声明的,当前的i只在本轮循…

ES6整理 1. ECMAScript 6简介 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. 2. let 和 const 命令 2.1. Let 命令 ES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. for (let i = 0; i < 3; i++) { let i = 'abc'…

最近准备在业余空闲时间里一边学习ES6,一边整理相关知识.只有整理过的学习才是有效的学习.也就是学习之后要使用和整理成文,才是正在的学到了... 那么现在开始 LINK START!(首先是第一讲,前几讲以前都学过了,就做下整理). let和const是es6新定义的用于声明变量的命令,与es5的var作用一样,不过他们的作用域(有效区域)不一样. var的作用域:全局作用域.函数作用域. let和const的作用域:全局作用域.函数作用域.块级作用域(表示在当前代码块内才有效,即{}中). l…

最近工作比较忙,基本每天都会加班到很晚.处理一些客户端兼容问题以及提升用户体验的优化.也将近一周没更文了,现在继续es6的学习总结. 上篇回顾 ES6知识整理(三)--函数的扩展 扩展运算符 形式是3个点(...),能起到分割字符串和合并数组的作用 合并数组:(代替concat) 字符串转数组: Map与Se结构与Generator函数 新面孔啊,之前都没听说过. 1.map结构:[key,value]结构 generator函数:(了解下即可) go()是个遍历器对象 Array.of() 一…

只有整理过的学习才是有效的学习.也就是学习之后要使用和整理成文,才是真正的学到了... 最近上班有点忙的关系,于是文章更新会慢些.只有晚上加完班之后,空余时间才能学习整理.因此完成一篇也可能要几个晚上的时间. 另外在想,技术类文章,在封闭式的微信下并不好传播,于是也会同步更新到博客中,并互相关联(方便搜索引流). 函数参数默认值 这是es5调函数时,参数的默认值 这是es6调函数时,参数的默认值 直接在参数中给出默认值就可以 但是这样就报错了 (参数已经申明了就不能在内部再次let.const申…

最近准备在业余空闲时间里一边学习ES6,一边整理相关知识.只有整理过的学习才是有效的学习.也就是学习之后要使用和整理成文,才是真正的学到了... 上一篇是一个试水,现在接上. 变量提升 看了下朋友回复,上篇还少讲了个变量提升,其实也是搜索之后才看到的,于是现在这里说下,所谓变量提升是es5中才有的,es6中已经去除了. 这里写个栗子: 变量的先使用后定义场景 var声明,这样 let声明,这样 查了一下,基本可以理解为:es5容忍这种写法,即使是先使用,后面才声明,也不会报错.但es6就无法容忍…

尾调用优化(Tail Call Optimization) 尾调用是指函数的最后一条语句是函数调用,比如下面的代码: function doSomething() { return doSomethingElse(); } 在ES5中,尾调用和其他形式的函数调用一样:脚本引擎创建一个新的函数栈帧并且压在当前调用的函数的栈帧上面.也就是说,在整个函数栈上,每一个函数栈帧都会被保存,这有可能造成调用栈占用内存过大甚至溢出. 尾递归在ES6中有何不同(How Tail Call are Differe…

块级函数(Block-Level Functions) 在ES3及以前,在块内声明一个函数会报语法错误,但是所有的浏览器都支持块级函数.不幸的是,每个浏览器在支持块级函数方面都有一些细微的不同的行为.所以开发者最好不要在块内声明函数.为了解决浏览器在块内支持声明函数时带来的兼容性问题,在ES5中可以使用strict模式,这样如果开发者试图定义一个块内函数,就会报错: "use strict"; if (true) { //throws a syntax error in ES5 fun…

明确函数的双重作用(Clarifying the Dual Purpose of Functions) 在ES5及更早的ES版本中,函数调用时是否使用new会有不同的作用.当使用new时,函数内的this指向一个新对象并且函数会返回这个对象.看下面的代码: function Person(name) { this.name = name; } var person = new Person("Zakas"); var notAPerson = Person("Zakas&qu…

名字属性(The name Property) 在JavaScript中识别函数是有挑战性的,因为你可以使用各种方式来定义一个函数.匿名函数表达式的流行使用导致函数调试困难,在栈信息中难以找出函数名.因为这些原因,ES6为所有函数都增加了名字属性. 选择合适的名字(Choosing Appropriate Names) 在ES6中所有的函数都有一个合适的名字属性.来看下面的例子: function doSomething() { //... } var doAnotherThing = func…