介绍
本文是在学习JS所做的学习笔记,所有笔记内容请看:JS学习笔记
作用域
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
作用域
-指一个变量的作用范围
-在JS中作用域分为两种
1.全局作用域
-直接编写在script标签中的JS代码,都在全局作用域
-全局作用域在页面打开是创建,在页面关闭时销毁
-在全局作用域中,有一个全局对象window,可以直接使用
-在全局作用域中:
创建的变量都会作为window对象的属性保存
创建的函数都会作为window兑现的方法保存
-全局作用的变量都是全局变量,在页面的任意部分都可以访问
2、函数作用域
- 调用函数时所创建的函数作用域,函数执行完毕,函数作用
域销毁。每调用一次函数,就会创建一个新的函数作用域,
它们之间是互相独立的
- 在函数作用域,可以访问到全局作用域的变量
但在全局作用域中无法访问到函数作用域的内容
- 当在函数作用域中操作一个变量时,它会现在自身作用域中寻找,
如果有就直接使用。如果没有,则向上一级作用域寻找。如果全局作用域
没有找到,则会报错。
-在函数作用域访问全局变量,可以使用 window.变量进行访问
-在函数作用域,也有声明提前的特性
function fun(){
var a=123;
}
fun();
// 此时输出a为 not defined
console.log(a)
var a=10;
console.log(window.a)// 输出10
function fun1(){
console.log("fun1");
}
window.fun1();
function fun4(){
var a4=20;
}
/*
函数作用域中,也有变量声明提前.
使用var 关键字声明的变量,会在函数中所有的代码执行之前
被声明
*/
function fun3(){
console.log(a);// 输出undefined
var a=35;
}
</script>
</head>
<body>
</body>
</html>
声明提前
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
变量的声明提前
- 使用 var 关键字声明的变量,会在所有代码执行之前被声明
(但是不会赋值)
- 如果声明变量不使用 var 关键字,则变量 不会被声明提前
函数的声明提前
- 使用函数声明形式创建的函数 function 函数(){}
它会在所有的代码执行之前就被创建 ,所以可以在函数声明前调用
但是函数表达式没有该功能,不能在声明之前调用。
console.log("a="+a);
var a=123;
fun()// 利用了函数的声明提前
function fun(){
console.log("ssss")
}
</script>
</head>
<body>
</body>