首頁 >web前端 >js教程 >javascript 具名函数的四种调用方式 推荐第1/3页_javascript技巧

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

PHP中文网
PHP中文网原創
2016-05-16 18:50:381177瀏覽

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

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方式调用的细节。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn