js...............................作用域

一：作用域和闭包

/*
受bar函数声明的位置所影响,foo()的局部作用域在执行完后没有被回收(内存的释放)；
原因是bar函数本身还在使用,bar()依然持有对该作用域的引用，而这个引用就叫作闭包。即bar()对foo()该作用域的引用.
 */

//代码一：
/*
function foo() {
var a = 2;
function bar() {                    //此时bar还没有进行定义,在外部调用的时候他是不存在的.
console.log('foo函数的局部变量:',a);
}
return bar;  //返回该函数的地址
}
var s = foo();
console.log(s);
console.log('执行函数bar');
console.log('\t');
s();
 */
//代码2：
/*
var fn; //全局变量
function test() {
var a = 2;
function bar() {
console.log('执行函数bar()')
}
baz(bar);
return bar;
}
function baz(s) {
    console.log('在函数baz中调用bar()函数');
    s();
}
fn = test();
 */
//setTimeout()为window对象的内置方法,对于window对象来说在使用其方法时可以不使用点运算符.
function wait(message) {
setTimeout(function timer() {  //setTimeout()：设置在指定的毫秒数后执行的函数或计算表达式。
console.log(message);
},10000)
}
wait('hello,cloure!');
function setupBot(name,selector) {
$(selector).click(function activator() {
console.log('Activating:'+name);
});
}
setupBot('Closure Bot 1','#bot 1');
setupBot('Closure Bot 2','bot 2');

 二：通过：匿名函数的定义,和返回函数的函数.来理解作用域。

　　1：注意函数名:

<!DOCTYPE html>
<html>
<head>
    <title>函数</title>
</head>
<script type="text/javascript">
    var c = function() /*用c来引用匿名函数*/
    {
        document.write("执行匿名函数");
        var s = test(); /*s是局部作用域*/
        s(100,50);/*执行的是函数test_son*/
        console.log(typeof(test_son)); //undefined,为什么是undefined，因为他已经被s引用了。
        console.log(typeof(s));//function
        return 0;
    }
    function test()/*返回函数的函数*/
    {
        var b = 23; /*局部作用域test中的变量*/
        function test_son(x,y)/*注意不要这样使用functiontest_son(var x,var y)在函数的参数中这样定义变量说明x,y是这个块的作用域中的变量.*/
        {
            console.log("形参x,y="+x+","+y);
            console.log("b");
        }
        return test_son;/*返回的是函数的地址*/
    }
    c();
</script>
<body>

</body>
</html>

   　　2：方法被封装到了立即执行匿名函数中，如果不添加返回值，外部是访问不到的，添加返回值后，在全局可以通过“匿名函数.函数名（）”的方式进行调用。并且可以隐藏一些私有属性和元素，私有空间的函数和变量也不会影响全局作用域，可见这种方式是最理想的方式。大部分第三方库都使用这种形式，例如jQuery。

<!DOCTYPE html>
<html>
<head>
    <title>作用域</title>
</head>
<script type="text/javascript">
    var bigfun = (function()/**/
    {
        var big = 12;
        function add(x,y)
        {
            var a = 12;/*改变量的作用域:*/
            console.log("bigfun函数中的变量"+big);
            return x+y;/*有返回值的*/
        }
        function sum()
        {
            document.write("sum是没有返回值的函数");
            return 0;
        }
        function divide(a)
        {
            document.write(a);
            document.write("执行divide函数,来输出var big"+big);
            return 0;
        }
        return{ /*返回*/
            add:add, //左边的为bigfun对象的属性,右边为函数地址。这里是用属性引用函数的方式。
            sum:sum,
            divide:divide
        }
    })();
var x = bigfun.add(100,100);//输出：bigfun函数中的变量12
console.log(x);//输出：200
console.log(typeof(bigfun));//输出：object
//bigfun是什么数据类型.?

//数组的定义?
</script>
<body>

</body>
</html>

 

posted @ 2020-03-01 16:45  calm寻路人  阅读(159)  评论(0)    收藏  举报