ES6 变量定义的区别 : var let const

2018-12-23  本文已影响5人  Gerhard_杨光辉
var ==只有全局和函数内量两种区别== 在函数内的变量定义尽量不用 var
if( true ){
    var  a = 1;
}
alert(a); //1
for(var i=0; i<10; i++){
}
alert(i); //9 

let 块级作用域

  1. 没有预解析,不会自动提升变量;在代码块内定义的 let ==变量必须在使用之前定义==,否则会报错;
if(true){
    alert(a);
    let a =1;
}
//报错,变量不存在
if(true){
    alert(a); //1
    var a =1;
}

2.let ==定义变量不能在同级作用域内重复定义==(可以赋值)

if(true){
    let a =1;
    let a =2;
    alert(a);
}
//报错,重复定义
if(true){
    let a =1;
    {
      let a =2;
    }
    alert(a); // 1
}
  1. for ==循环的小括号和大括号不是同一个作用域==
for(let i=0; i<10; i++){
  let i = a;
  alert(i); //弹出10次a,而不是0-9
}

块级作用域

while(){
//TODO
}

for(;;){
//TODO
}

if(){
//TODO
}

{
//TODO 
}

//立即执行函数也是一种块级作用域的实现方式
//实质上是将函数声明转换成函数表达式;()、!、+、-、=其实都可以,括号最安全不会与函数返回值运算,造成不必要的麻烦
(function(a){
    console.log(a);   //123,使用()运算符
})(123);

(function(a){
    console.log(a);   //1234,使用()运算符
}(1234));

const 用来定义常量,不能被更改,不能先定义后赋值

const a = 1;
a =2;
alert(a);
//报错
const a ;
a =2;
alert(a);
//报错

真的不能修改吗???

const arr  = ['aaa','bbb'];
arr.push('ccc');
console.log(arr);
//'aaa','bbb','ccc'
//对象的引用特性
const arr  = Object.freeze(['aaa','bbb']};
arr.push('ccc');
console.log(arr);
//报错,不可扩展
上一篇 下一篇

猜你喜欢

热点阅读