设为首页 - 加入收藏 - 网站地图 欢迎加QQ群 :14364084
当前位置:谭博的博客 > 编程语言 > js > javascript > 正文

函数的调用

时间:2013-02-22 14:11 来源: 标签: 作者:浮云飘飘 阅读:
函数调用有4 种模式: (1)函数调用模式:这是最简单的一种模式,此时的函数就像基础C语言中一堆松散 的函数。 (2)方法调用模式:此时的函数被绑定到特殊的对象上,函数中的this可以默认指向 所属的对象,这种模式下的函数和php中的成员函数很相似。 (3)构造调用模式:函数作为类的构造器,可以使用new关键字创建对象。 (4)apply 调用模式:可以使用 fn.apply() 四种调用方式: 1、()小括号运算符   平时最常用的就是()运算符来调用/执行一个函数
Js代码
[js] // 无参函数fun1 function fun1() { alert('我被调用了'); } fun1() // 有参函数fun2 function fun2(param) { alert(param); } fun2('我被调用了') [/js]
ECMAScript3后加入给Function加入了call和apply后,就有了下面两种 2、call
Js代码
[js] //无参函数fun1 function fun1() { alert('我被调用了'); } fun1.call(null); //有参函数fun2 function fun2(param) { alert(param); } fun2.call(null, '我被调用了') [/js]
3、apply
Js代码
[js] // 无参函数fun1 function fun1() { alert('我被调用了'); } fun1.apply(null); // 有参函数fun2 function fun2(param) { alert(param); } fun2.apply(null, ['我被调用了']) [/js]
4、new (不推荐使用这种方式哦 )
Js代码
[js] // 无参函数fun1 function fun1() { alert('我被调用了'); } new fun1(); // 有参函数fun2 function fun2(param) { alert(param); } new fun2('我被调用了') [/js]
ok,从以上调用方式上看四种方式执行结果没有区别。但如果函数有返回值的话,用new方式调用时可能会让你有些失望。
Js代码
[js] // 有返回值的函数fun function fun() { alert('我被调用了'); return "jack"; } var c = new fun(); alert(c);// [object Object],为什么不是"jack"? </div> [/js] 改成这样,
Js代码
[js] // 有返回值的函数fun function fun() { alert('我被调用了'); return { name : 'jack' }; } var c = new fun(); alert(c.name);// jack,又正常返回了 [/js]
好了,总结下:用new方式调用函数时。如果存在返回值,当返回值是javascript的内置类型(基本类型)如字符串(String),数字(Number),布尔(Boolean)等时,将不会返回该值;当返回值是对象,函数,数组等对象类型时,将返回该对象,函数,数组。

 

关注微信公众号

微信扫一扫,打赏我

热评文章
    内容不错,支持一下
    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)