var 是定义一个变量让它能够存储数据,例如 var str = “hello world”;那么str就是我们通过var定义的变量,str里面所存储的也就是后面的这段字符 hello world
let本质上也是定义一个变量用来存储,let st = “hello procedure”,功能同上,但是区别在哪里呢?
let 是ES6 提供的一个方法,不同之处在于通过var定义的变量会发生变量提升例如:
<script>
console.log(str); //打印输出 undefined
var str = "hello world";
</script>
变量提升分析:
<script>
var str;
console.log(str); //打印输出 undefined
str = "hello world";
</script>
虽然是在下面定义的,但是因为var有变量提升的特性所以不会报错,而是输出undefined,
但是let就不一样,let没有变量提升,所以必须先定义后使用,例:
<script>
console.log(st); //打印输出 Uncaught ReferenceError
let st = "hello world";
console.log(st); // 报错 因为上面报错下面是不能执行的
</script>
var是可以定义已经定义过的变量,不会报错只是会覆盖之前的而已,但是let不行,已经被定义过的变量如果再次通过let定义会报错,例:
<script>
var st = "hello world";
console.log(st);// 打印输出 hello world
var st = "hello procedure"
console.log(st); // 打印输出 hello procedure
</script>
第二次定义赋值覆盖了第一次定义赋值
<script>
var st;
let st = "hello procedure"//报错Uncaught SyntaxError
</script>
let 定义的变量如果是已经被定义过的就会报错 无论是 var 还是 let
<script>
const NAME = "procedure"
console.log(NAME);// 输出procedure
</script>
注意: 在定义的时候就要赋值
定义常量一般是使用大写,便于区分,也是保障我们在公司的人生安全