JavaScript旅途之作用域-详细用法（笔记）

作用域

作用域

1.1作用域概述

一段程序代码中所用到的名字并不总是有效的和可用的,而限定这个名字的可用性代码范围就是这个名字的作用域.作用域是程序中定义这个名字的区域,在这个区域之外,这个名字就不能使用了.

• es6之前只有全局作用域和函数作用域
• 全局作用域:整个JavaScript标签或者是单独的js文件

var a = 1;//全局作用域

• 函数作用域:函数内部就是局部作用域

function fn(){
    var b = 2;//局部作用域(函数作用域)
} 

这个代码名字只在函数内部其效果并作用

//全局作用域和函数作用域并不会互相干扰,函数内部的变量不会影响到函数外部的变量,非常可靠.
var a = 1;
function add(){
    var a = 10;
    console.log(a);//10
}
add();
console.log(a);//1

变量作用域

2.1变量作用域

变量作用域是指变量在程序中起作用的范围,变量作用域分为全局变量和局部变量.

• 全局变量:在函数外部定义的变量,在函数内部和外部都可以使用

//在全局作用域下的变量
var num = 1;
console.log(num);//1
//在函数内部也可以使用
function fn(){
    console.log(num);//1
}
fn();

• 局部变量:在函数内部定义的变量,只能在函数内部使用

//在函数内部定义的变量
function fn(){
    var num = 1;
    console.log(num);//1
    num2 = 2;//全局变量
}
fn();
//在函数外部不能使用
console.log(num);//报错
console.log(num2);//2

注意:在函数内部定义的变量,如果没有使用var关键字,那么这个变量就是全局变量,如果使用了var关键字,那么这个变量就是局部变量.

• 从执行效率上看全局变量和局部变量的区别

1. 全局变量:在程序执行的时候,全局变量会一直存在,直到程序结束,才会销毁,所以全局变量会占用内存,会影响程序的执行效率.
2. 局部变量:在函数执行的时候,局部变量会在函数执行的时候创建,函数执行完毕,局部变量就会销毁,所以局部变量不会占用内存,不会影响程序的执行效率.

---

---

js没有块级作用域(了解即可),只有函数作用域和全局作用域,es6有块级作用域,块级作用域{},if{},for{}

//在java里
if(xx){
    int num = 1;
}
//外面是不能调用num的

---

//在js里
if(5<100){
    var num = 1;
}
console.log(num);//1
//在js里,if里面的变量可以在外面使用

这一段了解即可。

---

---

作用域链

• 作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链.作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问.
• 只要是代码，就至少有一个作用域（第一链）
• 写在函数内部的局部作用域（第二链）
• 如果函数中还有函数，那么这个作用域中就又可以诞生一个作用域
• 根据内部函数可以访问外部函数的这种机制，用链式查找决定那些数据能被内部函数访问，就称为作用域链,查找时，先从自己的作用域查找，如果没有，就去上一级作用域查找，直到找到为止。

内部函数作用域 -> 外部函数作用域 -> 全局作用域。

var a = 1;
function fn(){
    var b = 2;
    function fn2(){
        var c = 3;
        console.log(a);//1
        console.log(b);//2
        console.log(c);//3
    }
    fn2();
}
fn();