Vue-声明变量

var

　　声明变量

　　var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

var a = 1;
// var a;//不会报错
console.log('函数外var定义a：' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a：' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

let

　　声明局部变量

　　let是块级作用域，函数内部使用let定义后，对函数外部无影响

let c = 3;
console.log('函数外let定义c：' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c：' + c);//输出c=6
} 
change();
console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

 

const

　　声明常量

　　对于基本数据类型来说, 变量指向的内存地址保存的是变量的值. 可以理解为常量

const b = 10;//正确
// const b;//错误，必须初始化 
console.log('函数外const定义b：' + b);//有输出值
// b = 1;
// console.log('函数外修改const定义b：' + b);//无法输出

　　对于复杂数据类型如对象来说, 变量指向的内存地址一个地址, 这个地址是堆内存中的一块地址, 对象存放在堆内存中.可以理解为变量的内存地址保存着一个指针, 这个指针指向堆内存中的地址. 那么const保存的这个指针指向堆内存地址, 而对于堆内存上的对象, 我们是可以修改的. 但是我们无法修改这个指针。

const obj = {name: "obj"}
obj.age = 20    //可以修改obj指向对象的属性

console.log(obj) //{name: "obj", age: 20}

obj = {} //Uncaught SyntaxError: Identifier 'obj' has already been declared
//obj是一个指针, 它不能指向新的对象

　　

 

 

　　以上是我对Vue中定义变量的个人的理解，不对之处，请多多指教。