JavaScirpt基础 之 函数调用 二

简介: 函数调用

JavaScirpt基础 之 函数调用 二

函数调用

JavaScript 函数有 4 种调用方式。

每种方式的不同在于 this 的初始化。

this 关键字

一般而言,在Javascript中,this指向函数执行时的当前对象。

注意 this 是保留关键字,不能修改 this 的值。

调用 JavaScript 函数

函数中的代码在函数被调用后执行。

函数作为方法调用

在 JavaScript 中可以将函数定义为对象的方法。

以下实例创建了一个对象 (myObject), 对象有两个属性 (firstName 和 lastName), 及一个方法 (fullName):

实例

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

fullName 方法是一个函数。函数属于对象。 myObject 是函数的所有者。

this对象,拥有 JavaScript 代码。实例中 this 的值为 myObject 对象。

测试以下!修改 fullName 方法并返回 this 值:

实例

var myObject = {
    firstName:"John",
    lastName: "Doe",
    fullName: function () {
        return this;
    }
}
myObject.fullName();          // 返回 [object Object] (所有者对象)

函数作为对象方法调用,会使得 this 的值成为对象本身。

目录
相关文章
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发
|
12月前
|
JavaScript 前端开发