关于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);

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理