建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

详解JavaScript中具名函数的几种调用方式

时间:2011-04-03 14:47来源: 作者: 点击:
Javascript中匿名函数的4种调用方式这篇看看具名函数的多种调用方式。 1、()   平时最常用的就是()运算符来调用/执行一个函数 view sourceprint? 01 // 无参函数fun1

前面我们学习了Javascript中匿名函数的4种调用方式,本文我们学习具名函数的多种调用方式。

1、()  

平时最常用的就是()运算符来调用/执行一个函数

01 // 无参函数fun1
02 function fun1() {
03     alert('我被调用了');
04 }
05 fun1();
06   
07 // 有参函数fun2
08 function fun2(param) {
09     alert(param);
10 }
11 fun2('我被调用了');

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


2、call

01 // 无参函数fun1
02 function fun1() {
03     alert('我被调用了');
04 }
05 fun1.call(null);
06   
07 // 有参函数fun2
08 function fun2(param) {
09     alert(param);
10 }
11 fun2.call(null,'我被调用了')

3、apply

01 // 无参函数fun1
02 function fun1() {
03     alert('我被调用了');
04 }
05 fun1.apply(null);
06   
07 // 有参函数fun2
08 function fun2(param) {
09     alert(param);
10 }
11 fun2.apply(null,['我被调用了'])

虽然call,apply可以纯粹的用来调用/执行函数,但它们更多是用来改变函数执行的上下文。


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

01 // 无参函数fun1
02 function fun1() {
03     alert('我被调用了');
04 }
05 new fun1();
06   
07 // 有参函数fun2
08 function fun2(param) {
09     alert(param);
10 }
11 new fun2('我被调用了')

new的本质是用来创建/构造一个类的实例,这里定义的fun1,fun2明显不是一个类(没有this,没有prototype)。但两个函数确实执行了。这是new的副作用。


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

1 // 有返回值的函数fun
2 function fun() {
3     alert('我被调用了');
4     return "jack";
5 }
6 var c = new fun();
7 alert(c);//[object Object],为什么不是"jack"?

改成这样

1 // 有返回值的函数fun
2 function fun() {
3     alert('我被调用了');
4     return {name:'jack'};
5 }
6 var c = new fun();
7 alert(c.name); //jack,又正常返回了

总结下:用new方式调用函数时。如果存在返回值,当返回值是JavaScript的内置类型(基本类型)如字符串(String),数字(Number),布尔(Boolean)等时,将不会返回该值;当返回值是对象,函数,数组等对象类型时,将直接返回该对象,函数,数组。


当返回值是内置类型(基本类型)时,new fun()到底返回什么呢?下面我们将讨论new方式调用的细节。

(责任编辑:admin)

织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片