作用域
js世界中有两种作用域:全局作用域、方法作用域
var:
定义变量,声明的变量的作用域是方法作用域,没有块的概念,可以跨块访问,不能跨函数访问;
let:
定义变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问;
基本用法
- 不存在变量提升
使用let声明的变量,不会像var那样存在“变量提升”的现象。所以使用let声明变量要遵循“先声明,后使用”的原则。否则会报错。
- let声明变量存在块级作用域
let声明的变量只在所声明的代码块内有效。块级作用域由{}包括,if语句和for语句里面的{}也属于块级作用域
-
let不允许在同一个作用域内重复声明同一个变量
-
暂时性死区
在代码块内,使用let声明变量之前,该变量都是不可以使用的 ,只要在同一作用域内存在let命令,他所声明的变量就“绑定”在这个作用域内,不管外部有没有声明
let a=10;
function fn1(){
console.log(a);
let a=5;
}
fn1(); // 报错
const:
定义常量,使用时必须初始化(即赋值),只能在块作用域里访问,而不能修改;
如果是初始化对象,其属性可修改,但其指向的地址不可修改
//块作用域
{
var a=1;
let b=2;
const c=3;
// c=4; //报错(不能修改)
var aa;
let bb;
// const cc; //报错(没有初始化)
console.log(a); //1
console.log(b); //2
console.log(c); //3
console.log(aa); //undefined
console.log(bb); //undefined
}
console.log(a); //1
// console.log(b); //报错(不在块里)
// console.log(c); //报错(不在块里)
//函数作用域
(function A(){
var d=5;
let e=6;
const f=7;
console.log(d); //5
console.log(e); //6
console.log(f); //7
}());
//console.log(d); //报错
// console.log(e); //报错
// console.log(f); //报错
var和let对比
1. let是块作用域,即其在整个大括号内可见
把var换成let会报错,因为:i在块作用域外部不可见
- let在变量声明之前就访问对象的话,会直接提示ReferenceError,var则使用默认值undefined;
console.log(a); //ReferenceError 在声明之前a报错
let a=10;
///
console.log(a); //undefined
var a=10;
let和const对比
const和let的作用与相同,不同的是const变量一旦被赋值,就不能再改变了。但这并不意味着使用const声明的变量本身不可变,只是说他不可被再次赋值