作用域:
变量的的生效范围,如果变量在整个页面中额可以访问到,则该变量就是一个全局变量,如果变量只是在某一个范围内,则该变量为局部变量。
作用域:不单独属于某一个函数的变量都是一个全局变量,在任何位置都可以访问这个变量。
注:在某个函数中不使用var声明的变量也是一个全局变量,不过在严格模式下不支持全局
局部作用域:在函数中使用var定义的变量都是局部变量;
注:在js中块级(也就是大括号)的概念并不想起其他语言那么完善(ECMAScript6中完善了这个概念;在其他语言中,一对大括号的变量就是一个局部变量,但是js中只要一个函数中定义的变量就是一个局部变量);
经典的面试题:
匿名函数:没有函数名,可以通过事件来调用,也可以通过变量调用,还可以通过自身来调用。
<script type="text/javascript">
//具名函数:有函数名字,可以通过函数名来调用的一种函数
//匿名函数:没有函数名,可以通过事件来调用,也可以通过变量调用,还可以通过自身来调用。
window.onload = function (){ //事件触发
alert("Hello Word!!!");
}
var a = function (){ //通过变量调用
alert("Hello Word!!!---");
};
a();
//通过自身调用
(function () {
alert("Hello Word!!!+++");
})(); //函数的自调用
</script>
```
匿名函数的作用:
给事件添加匿名函数;
匿名函数可以当做参数传递;
匿名函数当做返回值返回出去;
闭包:
作用:
可以通过闭包在外部访问局部变量;
凡是放在返回函数中的变量会被提升为全局变量,驻留在内存中不释放;
重点:闭包是一种思想, 本质是函数中嵌套函数,当调用外部的函数时,内部的函数不被调用且被返回出外侧。,只有调用内部函数的时候内部的函数才能被调用,内部所用的变量会被驻留。
闭包的练习:
函数嵌套函数,当内部函数在定义他的作用域 被外部引用时就创建了该内部函数的闭包。
<script type="text/javascript">
//让外部的作用域可以访问到局部变量
function fn1(){
var a = 12;
function fn2(){
a += 12;
console.log(a);
}
return fn2;
}
//函数套函数 吧内嵌的函数返回出来。
var result = fn1(); // result = fn2();
result();
console.log(result);
</script>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function(){
for(var i=1;i<4;i++){
//获取按钮
var btn = document.getElementById('btn'+i);//btn 是一个地址;
var arr = ['img/c1.jpg','img/c2.jpg','img/c3 .jpg'];
//num接受i的传参 是会保留在内存中
(function(num){
btn.onmouseover = function(){
console.log("btn"+num);
document.getElementById('img').src = arr[num];
};
})(i);
}
}
</script>
</head>
<body>
<button id="btn1">button1</button>
<button id="btn2">button2</button>
<button id="btn3">button3</button>
<div>
<img src="" id="img">
</div>
</body>
</html>
闭包就是能够读取其他函数内部变量的函数;