1、全局作用域的变量
如果变量的作用域是全局的,就意味着该变量在任何位置都能被访问到。
2、局部组用域的变量
在函数中定义的变量作用域是局部的,该变量只能在当前作用于中和内部嵌套的作用域中访问到,在上级作用域和其他兄弟级作用域中无法访问。
注意:在js语言中没有“块级”的概念
3、什么是块级?
在其它语言中,一组大括号包裹的范围就是块级,我们可以使用块级来确定一个变量的作用域的范围。但是在js中,因为没有块级的概念,所以只能使用函数来确定一个作用域范围。
4、什么是作用域链?
// js中变量查询的一种机制。在某个位置访问某个变量时,如果当前作用域中没有定义该变量。则启动作用域链,向上级作用域查询,一直查询到全局作用域,如果在上一级中找到该变量,就使用;没有找到就会报错:变量未定义。
//undefined:在只定义了变量没有给变量赋值的情况下,访问该变量。结果就是undefined(一个已定义的变量标准是:1、在内存中开辟的存储空间2、数据类型已确定,js定义变量实在开辟内存空间,而确定变量类型是由赋值的类型确定的)
//变量提升:在js代码正式执行之前,会把当前作用域中的所有定义操作先执行起来,等真正的执行到了相关定义并赋值变量的代码时,才真正的给变量赋值。
//变量提升提升的是当前作用域的所有的定义操作。包括定义变量,定义对象,定义函数。定义数组。。。
//console.log(a);--undefined
// var a = 12;
var a = 1;
for(var i = 0; i < 5; i++) {
var a = i; // a:4 i:5
}
function fn1() {
alert(a); // 1/a: undefine
var a = 2; // 小a: 2
alert(a); // 2/2
}
alert(fn1()); // 3/undefined 因为 fn1中没有返回值;若alert(fn1),则打印出函数的代码
alert(a); // 4/4
alert(abc(2)); // 5/报错
5、闭包
闭包就是把包含了局部变量的操作返回出去,在另外一个作用域中执行。
function fn1() {
var n = 999;
return function () {
alert(n);
};
}
var result = fn1();
result();
匿名函数自调用:
(function () {
for (var i = 0; i < 100; i++) {
var a = i;
}
})()
// 什么是匿名函数?
// 没有函数名的函数就是匿名函数
// 匿名函数的执行方式?
// 1、通过事件调用执行;
// 2、通过变量名:把匿名函数赋给一个变量来执行
// 3、通过定时器等系统函数执行
// 4、函数自调用执行
// 匿名函数的使用场景?
// 1、把函数当做事件函数时,使用匿名函数
// 2、把函数当做另一个函数的参数时,使用匿名函数(定时器)
// 3、把函数当做另一个函数的返回值时,使用匿名函数(闭包)
6、利用闭包解决问题
// 闭包就是把包含了局部变量的操作返回出去,在另外一个作用域中执行。
function fn1() {
var n = 999;
return function () {
alert(n);
};
}
var result = fn1();
result();
<script type="text/javascript">
window.onload = function(){
var btns = document.querySelectorAll("button");
// for(var i = 0; i < btns.length;i++){
// btns[i].ind = i;
// btns[i].onclick = function(){
// console.log(this.ind+1);
// }
// }
for(var i = 0; i < btns.length;i++){
(function(index){
btns[index].onclick = function(){
console.log(index+1);
};
})(i)
//利用闭包来改变作用域,index为局部变量。在全局变量中点击时使用index
}
}
</script>
<div>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
</div>