具名函数的四种调用方式（1）

1、()小括号运算符  平时最常用的就是()运算符来调用一个函数

 

//无参函数fun1function fun1() {alert('我被调用了');}fun1()//有参函数fun2function fun2(param) {alert(param);}fun2('我被调用了')

 

 

ECMAScript3后加入给Function加入了call和apply后，就有了下面两种

 

2、call

 

//无参函数fun1function fun1() {alert('我被调用了');}fun1.call(null);//有参函数fun2function fun2(param) {alert(param);}fun2.call(null,'我被调用了')

 

 

3、apply

 

//无参函数fun1function fun1() {alert('我被调用了');}fun1.apply(null);//有参函数fun2function fun2(param) {alert(param);}fun2.apply(null,['我被调用了'])

 

4、new （不推荐使用这种方式哦）

 

//无参函数fun1function fun1() {alert('我被调用了');}new fun1();//有参函数fun2function fun2(param) {alert(param);}new fun2('我被调用了')

 

ok,从以上调用方式上看四种方式执行结果没有区别。但如果函数有返回值的话，用new方式调用时可能会让你有些失望。

 

//有返回值的函数funfunction fun() {alert('我被调用了');return "jack";}var c = new fun();alert(c);//[object Object]，为什么不是"jack"？

 

 

改成这样，

 

//有返回值的函数funfunction fun() {alert('我被调用了');return {name:'jack'};}var c = new fun();alert(c.name);//jack,又正常返回了

 

 

好了，总结下：用new方式调用函数时。如果存在返回值，当返回值是javascript的内置类型（基本类型）如字符串(String)，数字(Number)，布尔(Boolean)等时，将不会返回该值；当返回值是对象，函数，数组等对象类型时，将返回该对象，函数，数组。

 

当返回值是内置类型（基本类型）时，new fun()到底返回什么呢？下一篇将讨论new方式调用的细节。