JS作用域

最新推荐文章于 2024-07-11 20:55:36 发布

玖记

最新推荐文章于 2024-07-11 20:55:36 发布

阅读量56

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_52489704/article/details/123981974

版权

JS作用域

作用域值一个变量的作用范围

1、全局作用域

直接编写在script标签中的JS代码，都在全局作用域；
全局作用域在页面打开时创建，在页面关闭时销毁；
在全局作用域中有一个全局对象window（代表浏览器的窗口，由浏览器创建），可以直接使用；
在全局作用域中，创建的变量都会作为window对象的属性保存；创建的函数会作为window对象的方法保存；
全局作用域中的变量都是全局变量，在页面任意部分都可以访问

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<script>
	var a=1;
	var b=2;		//a,b均为全局变量

	function fun(){
		console.log('hello');
	}
	window.fun();		//fun函数作为window的方法调用    
</script>

</body>
</html>

2、函数作用域

调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁；
每调用一次函数就创建一个新的函数作用域，他们之间是互相独立的；
在函数作用域中可以访问到全局变量，在全局作用域中无法访问到函数作用域的变量；
当在函数作用域中操作变量时，会首先在自身作用域中寻找，没有的情况会向上一级作用域寻找（就近原则），若一直到全局作用域也没有找到，则程序报错；
在函数中要访问全局变量可以使用window对象

var a=10;
var b=10;
function fun(){
	var a="hello";
	var b=20;
	function fun1(){
		console.log("a="+a);
		console.log("b="+window.b);			//b=20
	}
	fun1();
}
fun();							//a=hello

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

var d=100;
function fun(){
	d=10;
}
console.log(d);				//d=10;

定义了形参就相当于在函数作用域中声明了变量

var e=10;
function fun(e){
	console.log("e="+e);
}
fun();						//e=undefined

3、声明提前

变量的声明提前

使用var关键字声明的变量，会在所有的代码执行之前被声明，但不会被赋值；
但是如果声明变量时没有使用var关键字，则变量不会被声明提前

函数的声明提前

使用函数声明形式创建的函数function函数(){}，会在所有的代码执行之前就被创建，所以可以在函数声明前调用函数；
使用函数表达式创建的函数不会被声明提前，所以不能在声明前调用

console.log("a="+a);			//a=undefined
console.log("b="=b);			//程序报错
var a=2;	
b=5;

fun();							//执行函数
fun1();							//程序报错
function fun(){
	console.log("hello");
}				
var fun1=function(){
	console.log("hello");
};

玖记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS作用域

JS作用域1、全局作用域2、函数作用域3、声明提前作用域值一个变量的作用范围1、全局作用域直接编写在script标签中的JS代码，都在全局作用域；全局作用域在页面打开时创建，在页面关闭时销毁；在全局作用域中有一个全局对象window（代表浏览器的窗口，由浏览器创建），可以直接使用；在全局作用域中，创建的变量都会作为window对象的属性保存；创建的函数会作为window对象的方法保存；全局作用域中的变量都是全局变量，在页面任意部分都可以访问<!DOCTYPE html>&l
复制链接

扫一扫