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

 更新时间:2019年05月24日 11:47:31   作者:凉拌黄瓜  
这篇文章主要介绍了javascript中let和var以及const关键字的区别,下面我们来一起学习一下吧

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

学习到此结束!

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

相关文章

  • 浅谈JavaScript字符集

    浅谈JavaScript字符集

    这篇文章主要介绍了JavaScript字符集,需要的朋友可以参考下
    2014-05-05
  • 前端变量函数命名规则总结

    前端变量函数命名规则总结

    这篇文章主要为大家介绍了前端变量函数命名规则的总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 在javascript中创建对象的各种模式解析

    在javascript中创建对象的各种模式解析

    下面小编就为大家带来一篇在javascript中创建对象的各种模式解析。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • JavaScript中的getDay()方法使用详解

    JavaScript中的getDay()方法使用详解

    这篇文章主要介绍了JavaScript中的getDay()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • 新手入门常用代码集锦

    新手入门常用代码集锦

    新手入门常用代码集锦...
    2007-01-01
  • JavaScript进阶教程(第一课)

    JavaScript进阶教程(第一课)

    JavaScript进阶教程(第一课)...
    2007-04-04
  • javascript delete 使用示例代码

    javascript delete 使用示例代码

    javascript delete的一些技巧,主要是从对象中删除一个属性,或从数组中删除一个元素。具体的使用方法,可以参考下面的代码。
    2010-03-03
  • JSON的语法与规则详解

    JSON的语法与规则详解

    这篇文章主要介绍了JSON的语法与规则详解,Web API可以接收JSON格式的数据,也可以返回JSON格式的数据。在接收JSON 数据时,需要使用相应的库或框架来解析JSON数据,在返回JSON数据时,可以使用相应的库或框架将数据转换为JSON格式
    2023-07-07
  • 简单了解JavaScript作用域

    简单了解JavaScript作用域

    这篇文章主要介绍了JavaScript作用域的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

    javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

    javascript 进阶篇3 Ajax 、JSON、 Prototype介绍,学习js的朋友可以参考下
    2012-03-03

最新评论