15621857753

VUE学习04:const var let 三者之间的区别

来源:齐鲁建站 栏目:开发教程 阅读: 日期:2021-12-17

本文介绍了VUE学习04:const var let 三者之间的区别,以前学习JS的时候碰到的是var,现在学VUE发现多出了CONST和LET,特别是CONST,用的比VAR都多,不得已就查看了相关资料,总结于此。

一、先来说说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

二、再来说说const 的知识

const定义的变量,不可以修改,必须初始化

举例如下:

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

三、最后说说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

TAG: VUE
展开