目录
局部作用域:
函数作用域:
在函数内部声明的变量只能在函数内部被访问,外部无法直接访问。函数执行完毕后,函数内部的变量实际被清空了。
块级作用域:
在 JavaScript 中使用 {}
包裹的代码称为代码块,代码块内部声明的变量外部将【有可能】无法被访问。
<script>
{
// age 只能在该代码块中被访问
let age = 18;
console.log(age); // 正常
}
// 超出了 age 的作用域
console.log(age); // 报错
</script>
小总结:
var申明的变量不具有块级作用域、let具有块级作用域
var申明变量,可以重新定义申明的,let不可以
var和let都可以只定义不赋值
const定义的常量不准改值
const定义的常量必须初始化赋值!!!常量名都用大写,纯大写,一般固定不变不的值使用常量,如const PI = 3.14;
作用域链:
<script>
let k = 1;
function f1() {
let k = 9;
function f2() {
console.log(k);
}
f2();
}
f1();
//输出结果为9
</script>
总结:
-
嵌套关系的作用域串联起来形成了作用域链
-
相同作用域链中按着从小到大的规则查找变量
-
子作用域能够访问父作用域,父级作用域无法访问子级作用域(就近原则
闭包:
闭包是一种比较特殊和函数,使用闭包能够访问函数作用域中的变量。从代码形式上看闭包是一个做为返回值的函数,一个作用域有权访问另外一个作用域的局部变量!!!
作用:延申变量的使用范围
<script>
function fn() {
let i = 0;
// 函数内部分函数
function add() {
console.log(++i);
}
// 将函数做为返回值
return add;
}
// bibao 即为闭包函数
let bibao = fn();
bibao(); // 在外部调用闭包函数,可以访问上个作用域的变量,结果为1
</script>
变量提升:
我们先简单了解JS引擎:在页面JS代码运行时候,会先进行进行预解析,然后再执行代码
预解析:把所写的JS代码中,会把代码中声明的变量还有声明有名称的函数,提前解析到当前(提升到)作用域最前面,但是,只定义,不赋值。声明名称的函数的优先级大于声明变量的优先级!!!
//变量提升是JS中比较特殊的情况,允许在变量声明之前即被访问,访问结果为undefined
<script>
// 访问变量 str
console.log(str + 'CSDN!');
// 声明变量 str
var str = 'hello ';
</script>