前言

本文介绍var和let的用法及区别。

一、var的使用

var可以用来定义变量，如：
var a;//定义了一个名为a的变量
var a=2;//定义变量a的同时给a赋值

如果在一个函数内部用var定义一个变量，调用函数时将创建这个变量，当函数退出后就会被销毁。
var的声明提升
使用以下代码并不会报错，因为用var声明的变量会自动提升到函数作用域顶部。

function foo() {console.log(a);
var a = 20;
}
foo(); // undefined
//等价于以下代码，变量被提升到函数作用域顶部
function foo() {var a;
console.log(a);
a = 20;
}
foo(); // undefined

二、let的使用

let也可用来定义变量，与var的作用差不多。如：
let b;//定义了一个名为b的变量
let b=“hello”;//定义变量b同时给b赋值

三、var与let的区别

var与let的区别:

let 声明的范围是块作用域，而 var 声明的范围是函数作用域。如：

if (true) {var a = 'hello';
console.log(a); // hello
}
console.log(a); // hello
//-------------------------------
if (true) {let b = 2;
console.log(b); // 2
}
console.log(b); // ReferenceError: age 没有定义
//b变量不能在if外部被引用，是因为它的作用域仅限于块内部

let 声明的变量不会在作用域中被提升。

// a 会被提升
console.log(a); // undefined
var a = 'hh';
// a 不会被提升
console.log(a); // ReferenceError：a没有定义
let a = 20;

在解析代码时，JavaScript 引擎也会注意出现在块后面的 let 声明，只不过在此之前不能以任何方式来引用未声明的变量。在 let 声明之前的执行瞬间被称为“暂时性死区”，在此阶段引用任何后面才声明的变量都会抛出 ReferenceError。

总结

在使用var和let时，要注意它们之间的区别。

var和let的用法及区别相关推荐

for of 的用法区别_ES6语法:var、let、const的区别详解
今天来说说es6的语法,最基础的也就是var,let,const 的用法与区别了,我们来看看他们之间的恩怨情仇首先来说说var,这个只要是学过js的都知道,它是用来声明一个变量的,但是它在开发中也会 ...
return true Java_[Java教程]js中return,return true,return false的用法及区别
[Java教程]js中return,return true,return false的用法及区别 0 2015-11-16 23:00:03 1.语法及返回方式 ①返回控制与函数结果语法为:retu ...
手写call，apply和bind（分析三者的用法与区别）
它们有什么用及区别? 在阐述它们如何使用之前,我们有必要整理清楚this的用法,简单的说this是JavaScript语言的一个关键字,它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部 ...
InnerHTML、InnerText、outerHTML的用法与区别
InnerHTML.InnerText.outerHTML的用法与区别 InnerHTML获取或设置指定元素标记内的HTML内容,从元素标记的开始到元素标记的结束 InnerText获取或设置指定元素 ...
JS中innerHTML,innerText,outHTML的用法及区别
一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...
@ini_get php,php中get_cfg_var()和ini_get()的用法及区别_php技巧_脚本之家
本文实例讲述了php中get_cfg_var()和ini_get()的用法及区别.分享给大家供大家参考.具体分析如下: php里get_cfg_var()和ini_get()都是取得配置值的函数,当你 ...
【Java学习笔记之二十九】Java中的equals和==的用法及区别
Java中的"equals"和"=="的用法及区别在初学Java时,可能会经常碰到下面的代码: 1 String str1 = new String(&quo ...
python ord()与chr()用法以及区别
python ord()与chr()用法以及区别原文:http://blog.csdn.net/yulock/article/details/52904035 ord()函数主要用来返回对应字符的a ...
matlab ezplot fplot,【转】Matlab plot fplot ezplot用法与区别
[转]Matlab plot fplot ezplot用法与区别 (2012-04-19 20:26:00) 标签: matlab fplot ezplot 数学函数曲线杂谈函数plot 是绘制 ...

var和let的用法及区别

前言

一、var的使用

二、let的使用

三、var与let的区别

总结

var和let的用法及区别相关推荐

最新文章

热门文章