React学习之ES6学习Day1

来源:互联网 发布:淘宝买女鞋哪家店好 编辑:程序博客网 时间:2024/06/02 00:58

 一、初步认始。

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) {  function f() {}}// 情况二try {  function f() {}} catch(e) {}
ES6中就不同了,其块级作用域内的声明的函数类似于let,对作用域之外没有影响。

const命令

const声明一个只读的常量。一旦声明,常量的值就不能改变

      



原创粉丝点击