Heim >Web-Frontend >js-Tutorial >javascript 具名函数的四种调用方式 推荐第1/3页_javascript技巧

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

PHP中文网
PHP中文网Original
2016-05-16 18:50:381506Durchsuche

看四种方式执行结果没有区别。但如果函数有返回值的话,用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方式调用的细节。


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn