美文网首页
JavaScript作用域,匿名函数,闭包

JavaScript作用域,匿名函数,闭包

作者: 爱琴宝 | 来源:发表于2016-09-12 21:32 被阅读0次

作用域:
变量的的生效范围,如果变量在整个页面中额可以访问到,则该变量就是一个全局变量,如果变量只是在某一个范围内,则该变量为局部变量。
作用域:不单独属于某一个函数的变量都是一个全局变量,在任何位置都可以访问这个变量。
注:在某个函数中不使用var声明的变量也是一个全局变量,不过在严格模式下不支持全局
局部作用域:在函数中使用var定义的变量都是局部变量;
注:在js中块级(也就是大括号)的概念并不想起其他语言那么完善(ECMAScript6中完善了这个概念;在其他语言中,一对大括号的变量就是一个局部变量,但是js中只要一个函数中定义的变量就是一个局部变量);

经典的面试题:

![19ac53be-8616-49a5-a8d8-a4ebe598b399.png](https://img.haomeiwen.com/i2956238/df03cc2386c2e8b2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

匿名函数:没有函数名,可以通过事件来调用,也可以通过变量调用,还可以通过自身来调用。

<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>

闭包就是能够读取其他函数内部变量的函数;

相关文章

网友评论

      本文标题:JavaScript作用域,匿名函数,闭包

      本文链接:https://www.haomeiwen.com/subject/voapettx.html