zoukankan      html  css  js  c++  java
  • 三种函数声明方式和区别

    1.函数声明方式 
    其语法为: 

    Js代码  收藏代码
    1. function 函数名(参数1,参数2,...){  
    2.     //要执行的语句  
    3. }  


    例1: 

    js代码  收藏代码
    1. function sum(num1,num2){  
    2.     return num1+num2;  
    3. }  


    2.函数表达式方式 
    其语法为: 

    js代码  收藏代码
    1. var 函数名 = function(参数1,参数2,...){  
    2.                 //要执行的语句  
    3.             };  


    例2: 

    Js代码  收藏代码
    1. var sum = function(num1,num2){  
    2.     return num1+num2;  
    3. };  



            例2定义了一个变量并将其初始化为一个函数。function关键字后面没有函数名,这是因为在使用函数表达式定义函数时,没有必要使用函数名——通过变量sum即可引用函数。另外就像声明其他变量一样,使用函数表达式定义函数时,函数体外有分号。 
    3.使用Function构造函数 

            Function构造函数可以接收任意数量的参数,最后一个参数为函数体,其他的参数则枚举出新函数的参数。其语法为: 

    Js代码  收藏代码
    1. var 变量名 = new Function("参数1","参数2",...,"参数n","函数体");  


    例3: 

    Js代码  收藏代码
    1. var sum = new Function("num1","num2","return num1+num2");  



    各种定义函数方式的区别:

    一、函数声明中函数名是必须的;函数表达式中则是可选的

        //函数声明
        function sum(a, b) {
            return a + b;
        }
        alert(sum(1, 2));
    复制代码
        //函数表达式
        /* var s = function sum(a, b) {
            return a + b;
        }
        alert(s(1, 2)); */
    
        var s = function(a, b) {
            return a + b;
        }
        alert(s(1, 2));
        //以上两种都可以
    复制代码

    二、用函数声明定义的函数,函数可以在函数声明之前调用,而用函数表达式定义的函数只能在声明之后调用。

    【根本原因在于解析器对这两种定义方式读取的顺序不同:解析器会事先读取函数声明,即函数声明放在任意位置都可以被调用;

    对于函数表达式,解析器只有在读到函数表达式所在那行的时候才执行】

        //函数声明
        alert(sum(1, 2));//3
        function sum(a, b) {
            return a + b;
        }
    复制代码
        //函数表达式:发生错误
        try {
            alert(s(1, 2));
            var s = function sum(a, b) {
                return a + b;
            }
        } catch (e) {
            alert("wrong!");
        }
    复制代码

    补充说明:使用var 表达式定义函数, 只有变量声明提前了,变量初始化代码仍然在原来的位置

    复制代码
        /* try {
            alert(s);
        } catch (e) {
            alert("wrong!");//wrong!
        } */
        try {
            alert(s);//undefined
            var s = function sum(a, b) {
                return a + b;
            }
        } catch (e) {
            alert("wrong!");//未执行
        }
    构造函数:构造函数是在对象创建时,就被调用,用于初始化,而且初始化动作只执行一次;而一般的函数是在对象创建后,需要调用时才执行,可以被调用多次。
    ++腾讯面试实习生的问题【来源:http://www.2cto.com/kf/201409/331324.html】
    //下述两种声明方式有什么不同
    function foo(){}; 
    var bar = function foo(){};
  • 相关阅读:
    几种函数调用方式
    MOSS 2010:Visual Studio 2010开发体验(11)——扩展SharePoint Explorer
    MOSS 2010:Visual Studio 2010开发体验(14)——列表开发之事件接收器
    MOSS 开发之服务帐号过期的问题
    关于工作流(Workflow Foundation)的一些总结归纳
    Infopath 2010的变化
    MOSS 2010:Visual Studio 2010开发体验(13)——列表开发之列表实例
    MTOM效率测试
    MTOM以及在WCF中的应用
    在Outlook中设置农历生日周期性事件
  • 原文地址:https://www.cnblogs.com/mgqworks/p/7729539.html
Copyright © 2011-2022 走看看