码迷,mamicode.com
首页 > 其他好文 > 详细

let、const、var的区别

时间:2020-05-17 00:43:47      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:输出   等等   OLE   com   常量   str   作用   现象   文件   

1、使用var声明的变量,其作用域为全局或者该语句所在的函数内,且存在变量提升现象。

  下面使用node.js演示,也可以插入到html文件中使用以下代码

var a = 10;
function test() {
    console.log("function获取的全局变量a" + a);
}
test();
console.log("外部获取的全局变量" + a);

输出结果:

  技术图片

 

 

 上述代码证明了var定义的全局变量可以在任何地方使用。

function test() {
    console.log("function获取的b" + b);
    var b = 20;
}
test();
console.log("外部获取的全局变量" + a);
var a = 10;

输出结果:

  技术图片

 

上述代码证明了var定义的变量会进行变量提升,也就是提前声明变量再赋值

console.log(a);

var a=10;

相当于:

var a;

consloe.log(a);

a=10;

function test() {
    console.log("function获取的b" + b);
    var b = 20;
}
test();
console.log(b);

输出结果:

  技术图片

 

 报错,证明,在函数定义的var变量在函数外无效,只能在函数内访问,也就是函数作用域

但是要注意的一点是:

  for,while,switch等等语句定义的任何变量都属于全局变量,在任何地方都有效,不属于函数作用域

2、使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升。

let a = 10

function test() {
    let b = 20;
    console.log("function获取的b" + b);
    var a = 20;
}
test();
console.log(b);

输出结果:

  技术图片

 

 在函数和代码块定义的let变量属于全局变量,在任何地方都可以访问,但是,在函数和代码块(包括for语句,while,swith,if等等语句的代码块中,也就是{}包裹的代码中),定义的let变量只在代码块内有效,这个代码块其他任何地方都无法获取到,和以上var不一样,var只有函数作用域,记住函数作用域不等同于代码块作用域,代码块包括for,if,while等语句。

同时let定义的变量不支持变量提升。

console.log(a);

let a = 10

技术图片

 

 直接报错,而不是undefined

3、使用const声明的是常量,在后面出现的代码中不能再修改该常量的值

  技术图片

 

let、const、var的区别

标签:输出   等等   OLE   com   常量   str   作用   现象   文件   

原文地址:https://www.cnblogs.com/webpon/p/12903099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!