欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

了解javascript中let和var及const关键字的区别

程序员文章站 2022-06-09 14:46:48
1.声明后未赋值,表现相同 //一个例子 'use strict'; (function() { var vartest; let lettest...

1.声明后未赋值,表现相同

//一个例子
'use strict';

(function() {
 var vartest;
 let lettest;
 console.log(vartest); //输出undefined
 console.log(lettest); //输出undefined
}());

2.使用未声明的变量,表现不同

//一个例子
(function() {
 console.log(vartest); //输出undefined(注意要注释掉下面一行才能运行)
 console.log(lettest); //直接报错:referenceerror: lettest is not defined

 var vartest = 'test var ok.';
 let lettest = 'test let ok.';
}());

3.重复声明同一个变量时,表现不同

//一个例子
'use strict';
(function() {
 var vartest = 'test var ok.';
 let lettest = 'test let ok.';
var vartest = 'vartest changed.';
 let lettest = 'lettest changed.'; //直接报错:syntaxerror: identifier 'lettest' has already been declared
 console.log(vartest); //输出vartest changed.(注意要注释掉上面lettest变量的重复声明才能运行)
 console.log(lettest);
}());


4.变量作用范围,表现不同

//一个例子
'use strict';
(function() {
 var vartest = 'test var ok.';
 let lettest = 'test let ok.';
 {
 var vartest = 'vartest changed.';
 let lettest = 'lettest changed.';
 }
 console.log(vartest); //输出"vartest changed.",内部"{}"中声明的vartest变量覆盖外部的lettest声明
 console.log(lettest); //输出"test let ok.",内部"{}"中声明的lettest和外部的lettest不是同一个变量
}());


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

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

6.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

7.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

学习到此结束!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。