React学习之ES6学习Day1
2017-12-05 09:24
169 查看
一、初步认始。ES6:ECMAScript 即指 javascript的后继版本。二、ES6 let和 const 命令 let命令的基本用法。 ES6新增了let命令,用来声明变量。其用法类似于var,但是所声明的变量只在let命令所在代码块内有效。let变量,仅在声明变量的块级作用域内有效。 例如以下代码:由于let变量仅在声明它的块级作用域内有效,因此i每一轮都会被覆盖掉,所以a[6]()的结果为6.
var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6
不存在变量提升,let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则会发生报错。
暂时性死区:
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
ES6明确规定,如果区块中存在let 和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,所以在let声明变量之前,对tmp赋值会报错。
不允许重复声明
let不允许在相同作用域内,重复声明同一个变量。
块级作用域与函数声明
函数能不能在块级作用域之中声明,是一个相当令人混淆的问题。
ES5规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。
如:
if (true 4000 ) { function f() {} } // 情况二 try { function f() {} } catch(e) { }
ES6中就不同了,其块级作用域内的声明的函数类似于let,对作用域之外没有影响。
const命令
const声明一个只读的常量。一旦声明,常量的值就不能改变
相关文章推荐
- React native props state 初步学习-day1
- 前端学习资料,vue angular react webpack es6应有尽有
- react学习之 todolist制作, es6最新写法
- React学习(8)—— 高阶应用:不使用ES6、JSX实现React
- React学习(四)组件
- IOS学习【VMware 12 安装 Mac OS X 10.11】-Day1
- 你是否也在学习ES6 Promise时遇到过这个问题?
- React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现
- React学习之一:React初探
- react---react创建组件的三种方式以及区别:无状态组件、工厂模式、es6语法定义
- react native学习1-安装,执行
- Java突击学习 Day1
- react学习之路(二)
- react学习入门
- React-Native学习指南
- es6学习第2天,迭代器
- 学习登陆百度day1
- spring学习day1