继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript 函数的四种调用方式

AllySu
关注TA
已关注
手记 40
粉丝 870
获赞 3669

javascript 函数有四种调用方式,this指向函数执行时当前对象

1.作为一个函数调用。

function myFunction(a, b) {
    return a * b;
}

myFunction(10, 2);    //  20

注意:当函数没有被自身的对象调用时,this的值就会变成全局对象:window(浏览器窗口)。

2.函数作为方法调用。

var myObject = {
    firstName:"John",
    lastName: "Doe",
    fullName: function () {
        return this.firstName + " " + this.lastName;
    }
}

myObject.fullName();   //  John Doe

3.使用构造函数调用函数。

unction myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}

// This creates a new object
var x = new myFunction("John","Doe");
x.firstName;               //  John

4.作为函数方法调用函数。

call()apply()是预定义的函数方法。两个方法可用于调用函数,两个方法的第一个参数必须是对象本身

function myFunction(a, b) {
    return a * b;
}
myFunction.call(this, 10, 2);        //  20

function myFunction(a, b) {
    return a * b;
}
myArray = [10,2];
myFunction.apply(this, myArray);  //20

在 JavaScript 严格模式(strict mode)下, 在调用函数时第一个参数会成为 this 的值, 即使该参数不是一个对象。
在 JavaScript 非严格模式(non-strict mode)下, 如果第一个参数的值是 null 或 undefined, 它将使用全局对象替代。

打开App,阅读手记
6人推荐
发表评论
随时随地看视频慕课网APP

热门评论

!!!weftsedfffffffffffffffffffffffffffffffffff

查看全部评论