关于js中 带var 、不带var、let、const定义的区别

声明

• 以下代码是在非严格模式下测试运行,进入严格模式使用"use strict"
• delete删除变量时,删除成功返回true,失败false,
• Object.getOwnPropertyDescriptor(obj,propertyname)获取属性特性,当其中configurable为false时delete无法删除

1 带var
带var定义的变量只有函数内作用域和全局作用域,作为全局变量时挂载在window对象上,configurable为false

var x;  //正确,可以不用初始化.x为undefined 
var x=3;  //挂载到window.x,x===window.x===3
{
  var x=4; //var定义的变量不具备代码块内作用域,x被重新定义
}  //x===window.x===4

//匿名箭头函数，定义后运行
(()=>{
  var x=5;   //此x为局部变量,函数内作用域
  console.log(x)
})()   //输出5
console.log(x) //输出4
console.log(window.x) //输出4
Object.getOwnPropertyDescriptor(window,'x') 
//{value: 4, writable: true, enumerable: true, configurable: false}
delete x; //return false,因为configurable为false,删除失败

2 不带var
不带var定义的变量,全局作用域,挂载在window对象上,configurable为true

x=3;  //挂载于window.x

//匿名箭头函数，定义后运行
(()=>{
  x=5;   //x被改变
  console.log(x)
})()   //输出5
console.log(x); //输出5
Object.getOwnPropertyDescriptor(window,'x') 
//{value: 5, writable: true, enumerable: true, configurable: true}
delete x; //return true,删除成功,因为configurable为true

3 let
let定义的变量具有块级作用域,不能重复定义,configurable为false

let x;    //正确,可以不用初始化.x为undefined 
let x=5;  //报错,不能重复定义
let i=3;   //全局作用域
{ 
  let i=4;  //作用域为花括号内
  console.log(i);  //输出4
}

//匿名箭头函数，定义后运行
(()=>{
  let i=5;   //局部变量
  console.log(i)
})()   //输出5
console.log(i)  //输出3
delete i;  //return false

4 const
const拥有let所有性质,但const不能被直接修改,必须被初始化,configurable为false

const i=1;
i=5;  //报错,const定义的不能直接修改    
const p={
  name:"Minions",
  age:8
}  //定义字面量对象p
p={
  name:"xx"
} //报错,不能直接修改p
p.age=16; //正确修改
delete p;  //return false

结束
若发现错误,请纠正