javascript具名函数的四种调用方式推荐第1/3页_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript具名函数的四种调用方式推荐第1/3页_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1600字，纯文字阅读大概需要3分钟。

内容图文

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,['我被调用了'])

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

代码如下:

//无参函数fun1
function fun1() {
alert('我被调用了');
}
new fun1();


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

ok,从以上调用方式上看四种方式执行结果没有区别。但如果函数有返回值的话，用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具名函数的四种调用方式推荐第1/3页_javascript技巧全部内容，希望文章能够帮你解决javascript具名函数的四种调用方式推荐第1/3页_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端