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(){};
  • 相关阅读:
    《大话数据结构》第1章 数据结构绪论 1.2 你数据结构怎么学的?
    伍迷七八月新浪微博集锦
    《大话数据结构》第9章 排序 9.7 堆排序(下)
    《大话数据结构》第3章 线性表 3.8.2 单链表的删除
    《大话数据结构》第9章 排序 9.5 直接插入排序
    《大话数据结构》第9章 排序 9.8 归并排序(上)
    《大话数据结构》第2章 算法基础 2.9 算法的时间复杂度
    《大话数据结构》第1章 数据结构绪论 1.1 开场白
    《大话数据结构》第9章 排序 9.1 开场白
    [AWS] Assign a public IP address to an EC2 instance after launched
  • 原文地址:https://www.cnblogs.com/mgqworks/p/7729539.html
Copyright © 2011-2022 走看看