三种函数声明方式和区别

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

Js代码

function 函数名(参数1，参数2，...){

//要执行的语句

}

例1：

js代码

function sum(num1,num2){

return num1+num2;

}

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

js代码

var 函数名 = function(参数1，参数2，...){

//要执行的语句

};

例2：

Js代码

var sum = function(num1,num2){

return num1+num2;

};

例2定义了一个变量并将其初始化为一个函数。function关键字后面没有函数名，这是因为在使用函数表达式定义函数时，没有必要使用函数名——通过变量sum即可引用函数。另外就像声明其他变量一样，使用函数表达式定义函数时，函数体外有分号。 3.使用Function构造函数 Function构造函数可以接收任意数量的参数，最后一个参数为函数体，其他的参数则枚举出新函数的参数。其语法为：

Js代码

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

例3：

Js代码

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(){};