您的位置:首页 > Web前端 > React

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
声明一个只读的常量。一旦声明,常量的值就不能改变
      
                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: