JavaScript中的作用域问题_在javascript中,以下哪些是全局作用域的特性?-优快云博客

JavaScript中的作用域是个基础的知识点，但它又像一个狗皮膏药一样。来吧！面对疾风吧！

作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域；
简单来讲作用域就是变量的作用范围
分类：
1.全局作用域
2.函数作用域（局部作用域）

1.直接写在script标签中的js中的代码，都是全局作用域

2.	function fun(){
3.	    var a = 123; //函数作用域内的变量，外部无法访问。
4.	}
5.	fun();
6.	console.log(a)  //a is not defined

2.在页面打开时创建，页面关闭时销毁；
3.全局作用域中有一个全局对象window；

var a = 123;
console.log(a);   //等同于console.log(window.a)

4.在全局作用域中，创建的函数会作为window对象的方法保存；

function fun(){
    console.log("我是一个fun函数")
}
fun();   //等同于window.fun();

概念：使用var关键字声明的变量，会在所有代码执行之前被声明

// 案例1
var a = 123;
console.log("a="+a)
// 案例2
a = 123;  //相当于window.a
console.log("a="+a);

上面两个案例看着没什么毛病哈，来咱接着往下看。

console.log("a="+a); // a=undefined
var a = 123;

咦怎么换个位置就是undefined了，这是因为使用var关键字声明的变量，会在所有代码执行之前被声明。
就相当于以下的代码：

var a;
console.log("a="+a);
a = 123;

第一行先声明了一个变量a,但赋值是在console之后，所以打印出来undefined。
那么我们不使用var关键字来声明变量呢？

console.log("a="+a);  //a is not defined;
a = 123;

报错：a is not defined，这是因为声明变量时不使用var关键字，则变量不会被声明提前

来我们先看两个例子：

function fun1(){
    console.log("我是一个fun1函数")
}
fun1();
var fun2 = function(){
    console.log("我是一个fun2函数")
}
fun2();

fun1是函数声明式创建出来的，fun2是函数表达式创建出来的。目前来看这两者没有异常，都可以正常打印。我们来改变一下看会怎么样：

fun1();
function fun1(){
    console.log("我是一个fun1函数")  //console正常，老铁没毛病
}

fun2();
var fun2 = function(){
    console.log("我是一个fun2函数") //fun2 is not a function
}

为什会出现这种情况呢？这是因为使用函数声明形式创建的函数function（）{}，它会在所有代码执行之前就被创建，所以可以在函数声明前来调用函数。使用函数表达式创建的函数不会被声明提前，所以不能在声明前调用。

1.调用函数时，就会创建函数作用域，函数执行完毕后，函数作用域销毁。
2.每调用一次函数就会创建一个新的函数作用域，互相独立。

function fun(){}
fun();
fun();
fun();
fun();   产生四个作用域，相互独立；

3.在函数作用域中可以访问到全局作用域的变量。

var a = 123;
function fun(){
    console.log(a)
} 
fun();   //123

3.1全局作用域无法访问到函数作用域内的变量。
来我们把这段代码改动一下

var a = 123;
function fun(){
    console.log(a);
    var b = 456;
} 
fun();
console.log(b);   //b is not defined；

3.2在函数作用域操作一个变量时，先在自身作用域内寻找，如果有就直接使用。如果没有就向上一级作用域中寻找，直到找到全局作用域，如果全局作用域中依旧没有找到，则会报错ReferenceError引用错误。

var a = 123;
function fun(){
    var a = "我是函数作用域的a"
    console.log(a);  //打印我是函数作用域的a
} 
fun();
console.log(a); //打印123

难道函数作用域内只能访问函数作用域的变量吗？看下面代码：
3.3在函数中如果需要访问全局变量可以使用window对象；

var a = 123;
function fun(){
    var a = "我是函数作用域的a"
    console.log(window.a);  //打印全局变量a = 123;
} 
fun();
console.log(a);

1.函数作用域中的声明提前

function fun(){
    console.log(a);   //underfined
    var a = 123;
} 
fun();

这里注意上文3.2的文字说明，要操作变量a，先在自身作用域内寻找。因为使用了var关键字就进行了变量提升，所以代码实际应该为：

function fun(){
    var a;     在本行声明了变量，但并不会被赋值，所以a打印出来是undefined
    console.log(a);
    a = 123;
} 
fun();

2.在函数中，不使用var关键字声明的变量，都会被当成全局变量。

var a =123;
function fun(){
    console.log(a);//函数作用域内没有a，向上一级寻找
    a = 456;   //相当于window.a  是全局变量
} 
fun();
console.log(a)  //a = 456;

哈哈哈酸爽不？

3.定义形参就相当于在函数作用域内声明了变量。

var a =123;
function fun(a){
    console.log(a);   //打印undefined
} 
fun();

这段代码可以看做是这样：

var a =123;
function fun(a){
    var a;      相当于在函数作用域内声明了变量，但未定义
    console.log(a);
} 
fun();

希望这篇博文能够帮助到小伙伴更好的理解作用域的知识点，让我们只争朝夕，不负韶华。