函数声明与表达式

作者: duJing | 来源:发表于2017-01-04 15:12 被阅读7次

JS函数基础（一）
16. 函数与作用域
函数与作用域链
函数
函数与作用域
函数与作用域
web前端-js小记(3)-函数及作用域
JavaScript中的函数与闭包
函数声明的几种方式
函数与作用域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数声明与表达式</title>
</head>
<body>
<script>
    /*
     * 问题：函数有好几种表达方式：
     * 1.函数声明：function aaa(){}
     * 2.函数表达式：
     * ①命名函数表达式 var a = function test(){};
     * ②匿名函数表达式 var a = function () {};
     * ③带位运算符的表达式
     * (function aaa(){})
     * ~function aaa(){}
     * -function aaa(){}
     * +function aaa(){}
     * !function aaa(){}
     * */




    /*
     * 问题：函数声明和函数表达式的区别？
     * 1.函数表达式后接括号()可以直接调用执行,而函数声明不行
     * 2.函数声明可以被提前解析出来
     * */

    /*
     * 1.函数表达式后接括号()可以直接调用执行，而函数声明不行
     * */

    /*
     * ①函数表达式
     * */
    //    var a = function aaa(){ alert(1) }();   //命名函数表达式:1
    //    var a = function (){ alert(1) }();   // 匿名函数表达式:1
    //    (function aaa(){ alert(1) })();   // 运算符函数表达式:1
    //    !function aaa(){ alert(1) }()     // 1

    /*
     * ②函数声明
     * */
    //    function aaa() { alert(1) }();  //报错


    /*
     * 2.函数声明可以被提前解析出来
     * */


    /*
     * ①函数声明
     * 在ie中会出现函数别提前解析的情况
     * */
    /*if (true) {
     function aaa() { alert(1) };
     } else {
     function aaa() { alert(2) };
     }
     aaa();    // chrome 1, Ie 2*/


    /*
     * ②函数表达式会不会提前解析函数？不会
     * */
    /*if (true) {
     var a = function aaa() { alert(1) };
     } else {
     var a = function aaa() { alert(2) };
     }
     a();
     aaa();  // chrome 报错, ie没反应*/



    /*
     * PS:将命名函数表达式的函数名赋值给变量时，该命名函数表达式在外层不能被访问
     * */

    /*var a = function test() {
     // 在函数内部可以访问到命名表达式的名称
     alert(typeof test); // function
     }
     // 在函数外层不可以访问到命名表达式的名称
     alert(typeof test); // undefined*/


    /*var a = 1;
     if (function bbb(){ alert(a)}()){
     a++;
     alert(a);   // 2
     bbb();      // 不能访问
     }*/



    /*
     * 布尔值为false的5种情况？null,undefined,null,'',0
     * 其他为true
     * 因为 console.log(function bbb(){ alert(a)}()); 弹出1，返回undefined
     * if里面的语句不能执行,
     * if后面的alert(b)返回undefined
     * */
    /* var a = 1;
     var b;
     if (b = function bbb(){ alert(a) }()){
     a++;
     alert(a);   // 2
     bbb();      // 不能访问
     }
     alert(b);   // undefined*/



    /*
     * 布尔值为false的5种情况？null,undefined,null,'',0
     * 其他为true
     * 因为 console.log(function bbb(){ return a }()); 返回1
     * if里面的语句可以执行，但是不能访问bbb()函数，会报错
     * 因此下面的alert(b)没有反应
     * */

    var a = 1;
    var b;
    if (b = function bbb() {
                return a
            }()) {
        a++;
        alert(a);   // 2
        bbb();      // 不能访问
    }
    alert(b);   // 没有执行,其实为1


</script>
</body>
</html>1


.