用函数声明语法定义
function add(num1,num2){
var sum = sum1 + sum2;
return sum;
}
console.log(add(1,2));//3
用函数表达式定义
形式一
var sum = function(num1,num2){
var sum = sum1 + sum2;
return sum;
}
console.log(sum(1,2));//3
形式二
var sum = function s(num1,num2){
var sum = sum1 + sum2;
return sum;
}
console.log(sum(1,2));//3
形式二的作用等同于形式一,而且原函数名s就不代表函数了,等同于一个匿名函数。如果执行s(1,2)将会报错
使用Function的构造函数
var sum = new Function("num1","num2","num=num1+num2;return num");
console.log(sum(1,2));//3
当分别用前两种方式定义同一个函数时
- 首先我们知道:JS函数没有重载,后面定义的同名函数会覆盖掉之前的函数。函数名是一个指针,值是一段字符串。
定义的先后顺序会导致不同的结果,看下面两个例子
- 后用函数表达式定义
结果符合我们的预期
function fn1(){
alert("Hello World!");
}
fn1();//Hello World!
var fn1 = function(){
alert("Hello!");
}
fn1();//Hello!
- 先用函数表达式定义
为什么第二次输出的还是Hello, 而不是Hello World!
原有由下:解析器会首先读取函数声明,再执行代码;而函数表达式的函数则会在执行到的时候解析器才会去解析。所以JavaScript引擎会提升函数声明到顶端(即相当于先用了函数声明定义,再用了函数表达式定义),而变量声明只是变量的声明部分提升,赋值并不执行。
var fn1 = function(){
alert("Hello!");
}
fn1();//Hello!
function fn1(){
alert("Hello World!");
}
fn1();//Hello!