JavaScript基础：作用域

Posted 2022-10-16 陈希瑞

javascript基础：作用域

一、概念

作用域指一个变量的作用的范围，在JS中有两种作用域：全局作用域和局部作用域。

二、全局作用域

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

var a = 10;
console.log(a);

3. 全局作用域在页面打开时创建，在页面关闭时销毁
4. 在全局作用域中一个全局对象window【它代表的是一个浏览器窗口，它由浏览器创建】，我们可以直接使用
5. 在全局作用域中:

• 创建的变量都会作为window对象的属性保存

var a = 10;
console.log(a);
console.log(window.a);

• 创建的函数都会作为window对象的方法保存

function fun()
	console.log("我是fun函数！！！")

fun();
window.fun();
//以此类推
alert("Hello world!");
window.alert("Hello world!");

6. 变量的声明提前

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

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

• 如果声明变量时不使用var关键字，则不会提前声明。

console.log("b = " + b);
b = 10; //UncaughtReferenceError: b is not defined

三、函数(局部)作用域

1. 调用函数是创建函数作用域，函数执行完毕以后，函数作用域销毁

2. 每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的

fun();
fun();
fun();

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

var a = 10;

function fun() 
	console.log("a = " + a);

fun();

4. 在全局作用域中无法访问函数作用域的变量

function fun() 
	var b = 123;
	console.log(b);

fun();
//会报错，b变量仅在函数中有效
console.log(b);

5. 当在函数作用域中操作一个变量时，它会先在自身作用域中寻找。如果有就直接使用；如果没有则向上一级作用域中寻找。

var a = 10;
function fun() 
	var a = "我是函数变量中的a";
	console.log("a = " + a);	//a = 我是函数变量中的a

fun();
console.log("a = " + a);	//a = 10

6. 在函数作用域中也有声明提前的特性：使用var关键字声明的变量，会在所有的代码执行之前被声明。

function fun3()
	console.log(a);//undefined
	var a = 35;

fun3();

7. 在函数中，不使用var声明的变量都会成为全局变量

var c = 36；
function fun5() 
	//console.log("c = " + c);
	c = 10;

fun5();
// 在全局输出c
console.log("c = " + c); //c = 10

function fun()
	// d没有使用var关键字，则会设置为全局变量
	d = 100;

fun();
console.log("d = " + d); //d = 100