JS中的作用域
一.什么是作用域
1.javaScript作用域:就是某个变量在某个范围内起作用和效果,目的是为了提高程序的可靠性更重要的是减少命名冲突。
2.js的作用域分为(es6)之前:全局作用和局部作用域。
例:
<script>
//1.全局作用域:整个script标签 或者是一个单独的js文件
var num = 10;
//2.在函数内部就是局部作用域(函数作用域) 这个变量只在函数内部起效果和作用
function fn (){
//局部作用域
var num = 20;
}
</script>
二.变量的作用域分类
1.根据作用域的不同 变量可以分为两种:
全局变量和局部变量。
例:
<script>
//变量的作用域:根据作用于的不同我们变量分为全局变量和局部变量
//1.全局变量:在全局作用域下的变量,在全局下都可使用
// 注意:如果在函数内部 没有声明直接赋值的变量也属于全局变量
var num = 10; //此时num就是一个全局变量
console.log(num);
function fn(){
console.log();
var num = 10; //此时num就是一个局部变量
}
//2.局部变量:在局部作用域下的变量,后者在函数内部的变量就是局部变量
//注意函数的形参也可以看作局部变量
</script>
2.从执行效率来看全局变量和局部变量
(1)全局变量只有在内存关闭的时候才会销毁,比较占内存资源。
(2)局部变量当我们程序执行完毕就会销毁比较节约内存资源。
三.作用域链就近原则()
作用域链:内部函数访问外部函数的变量,采取的是链式查找的方式来决定取哪个值,这种结构我们称之为作用域链。
例:
<script>
// 链式查找 就近原则
var num = 10;
function fn(){//外部函数
var num = 20;
function fun(){//内部函数
console.log(num); //num = 20
}
}
</script>