var、let、const的区别

var、let、const的区别

• var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问；var可以重复声明。

• let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问；let不能重复声明。

• const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改；const不能重复声明。

var

va可以重复声明

var m = 1;
var m = 2;
console.log("m=",m)  // m= 2

var定义的变量，没有块的概念，可以跨块访问，不能跨函数访问

<script>
        {
            var a = 1;
            console.log(a);  // 1
        }
        console.log(a);      // 1
        function myfun(){
            console.log(a);   // 1
        }
        myfun()
        // 可见，var定义的变量，没有块的概念，可以跨块访问
        function myfun2(){
            var b = 2;
            console.log(b);  // 2
        }
        myfun2()
        console.log(b);   //Uncaught ReferenceError: b is not defined
        // var定义的变量，不能跨函数访问。
    </script>

let

let不能重复声明

let m = 1;
let m = 2;
console.log("m=",m)  // Uncaught SyntaxError: Identifier 'm' has already been declared

let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问

function myFn(){
	// console.log("函数中的",a); // Uncaught ReferenceError: a is not defined
	if(true){
		let a = 1;
		console.log("if中的",a);  // if中的 1
	}
}
myFn();
console.log("函数外部的",a)  // Uncaught ReferenceError: a is not defined

const

const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改

function myfn(){
    if(true){
        const a = 1;
        a = 2;  // Uncaught TypeError: Assignment to constant variable.
    }
    console.log(a);  // Uncaught ReferenceError: a is not defined
}
myfn()
console.log(a);  // Uncaught ReferenceError: a is not defined

通过const定义的对象，属性是可以更改的

const person = {
    "name":"Jay",
    "age":26
  }
  //person = {}; //Uncaught TypeError: Assignment to constant variable.
  person.name = "wsc"; 
  console.log(person);  // {name: "wsc", age: 26}

如果不想数据被更改，可以使用freeze()进行冻结

const person = {
	"name":"Jay",
	"age":26
}
Object.freeze(person);
person.name = "wsc"; 
console.log(person);  // {name: "Jay", age: 26}

但是，Object.freeze()不会进行更深层次的冻结，可以自定义函数来解决

<script>
const person = {
  "name":"Jay",
  "age":26,
  "hobby":{
    "one":"健身",
    "two":"学习"
  }
}
Object.freeze(person);
person.hobby.one = "加油！"
console.log(person.hobby);  // {one: "加油！", two: "学习"}


// 使用自定义函数来解决
const person = {
  "name":"Jay",
  "age":26,
  "hobby":{
    "one":"健身",
    "two":"学习"
  }
}
function deepFreeze(person){
  Object.freeze(person);
  for(let i in person){
    if(person.hasOwnProperty(i)){
      if(typeof person[i] === "object"){
        deepFreeze(person[i]);
      }
    }
  }
}
deepFreeze(person);
person.hobby.one = "加油"
console.log(person.hobby.one);  // 健身
</script>