乐趣区

关于es6:ES6的功能varletconst关键字辨析

var、let、const 关键字辨析
var

  1. 能够反复定义同名变量
var name='Bob';
var name='Tom';
console.log(name) //Tom 
  1. 存在变量晋升
//javascript 能够将变量晋升 
a = 2
console.log(a); //2 
var a
// 然而初始化的变量是不能晋升的
console.log(b); //undefined
var b=3;
  1. 没有块级作用域
let arr=[];
for(var i=0;i<2;i++){arr[i]=function(){console.log(i)
  }
}
arr[0](); //2
arr[1](); //2
//var 没有块级作用域,i 是全局变量 又因为 function 不是立刻调用函数,循环会很快走到止境

let

  1. 具备块级作用域
let arr=[];
for(let i=0;i<2;i++){arr[i]=function(){console.log(i)
  }
}
arr[0](); //0
arr[1](); //1
// 如果是 var 后果就是 2,2 因为 var 没有块级作用域,i 是全局变量 又因为 function 不是立刻调用函数,循环会很快走到止境
  1. 存在暂时性死区
let b=10;
function fn(){console.log(b);
  let b=20
}
fn(); 
// 会报错 Cannot access 'b' before initialization
  1. 不存在变量晋升
x=3;
console.log(x); // 会报错 Cannot access 'b' before initialization
let x;
  1. 不能反复定义同名变量
let name='Bob';
let name='Tom';
console.log(name) 
// 会报错 Identifier 'name' has already been declared

const

  1. 具备块级作用域
if(true){const num=10;}
console.log(num) // 会报错  num is undefined
  1. 申明的变量是只读并且须要赋值
const PI 
console.log(PI) // 会报错 Missing initializer in const declaration
const P=3.1415;
p=3;
console.log(p)// 会报错 Assignment to constant variable.
  1. 如果申明的是援用类型 (简单类型数据) 内容能够批改然而地址不能够批改
const obj = 
      {
        name: 'xm',
        age: 23
      }  
obj.age = 24;
console.log(obj); // 能够操作
obj = {}; // 欲批改地址,会报错
console.log(obj);
退出移动版