JavaScript中具名函数的多种调用方式总结_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中具名函数的多种调用方式总结_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1793字,纯文字阅读大概需要3分钟。
内容图文
![JavaScript中具名函数的多种调用方式总结_javascript技巧](/upload/InfoBanner/zyjiaocheng/323/6a5e05d46419432d84969390a8eee0ad.jpg)
1、()
平时最常用的就是()运算符来调用/执行一个函数:
// 无参函数fun1
function fun1() {
alert('我被调用了');
}
fun1();
// 有参函数fun2
function fun2(param) {
alert(param);
}
fun2('我被调用了');
ECMAScript3后加入给Function加入了call和apply后,就有了下面两种。
2、call
// 无参函数fun1
function fun1() {
alert('我被调用了');
}
fun1.call(null);
// 有参函数fun2
function fun2(param) {
alert(param);
}
fun2.call(null,'我被调用了')
3、apply
// 无参函数fun1
function fun1() {
alert('我被调用了');
}
fun1.apply(null);
// 有参函数fun2
function fun2(param) {
alert(param);
}
fun2.apply(null,['我被调用了'])
虽然call,apply可以纯粹的用来调用/执行函数,但它们更多是用来改变函数执行的上下文。
4、new (不推荐使用这种方式哦 )
// 无参函数fun1
function fun1() {
alert('我被调用了');
}
new fun1();
// 有参函数fun2
function fun2(param) {
alert(param);
}
new fun2('我被调用了')
new的本质是用来创建/构造一个类的实例,这里定义的fun1,fun2明显不是一个类(没有this,没有prototype)。但两个函数确实执行了。这是new的副作用。
从以上调用方式上看四种方式执行结果没有区别。但如果函数有返回值的话,用new方式调用时可能会让你有些失望。
// 有返回值的函数fun
function fun() {
alert('我被调用了');
return "jack";
}
var c = new fun();
alert(c);//[object Object],为什么不是"jack"?
改成这样
// 有返回值的函数fun
function fun() {
alert('我被调用了');
return {name:'jack'};
}
var c = new fun();
alert(c.name); //jack,又正常返回了
总结下:用new方式调用函数时。如果存在返回值,当返回值是JavaScript的内置类型(基本类型)如字符串(String),数字(Number),布尔(Boolean)等时,将不会返回该值;当返回值是对象,函数,数组等对象类型时,将直接返回该对象,函数,数组。
当返回值是内置类型(基本类型)时,new fun()到底返回什么呢?下一篇将讨论new方式调用的细节。
内容总结
以上是互联网集市为您收集整理的JavaScript中具名函数的多种调用方式总结_javascript技巧全部内容,希望文章能够帮你解决JavaScript中具名函数的多种调用方式总结_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。