JavaScirpt基础 之 this 关键字 二

简介: this 关键字

JavaScirpt基础 之 this 关键字 二

this 关键字面向对象语言中 this 表示当前对象的一个引用。

但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。

方法中的 this

在对象方法中, this 指向调用它所在方法的对象。

fullName 方法所属的对象就是 person。

举例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>方法中的 this</title>
</head>
<body>

<h2>JavaScript <b>this</b> 关键字</h2>

<p>实例中,<b>this</b> 指向了 <b>person</b> 对象。</p>
<p>因为 person 对象是 fullName 方法的所有者。</p>

<p id="demo"></p>

<script>
// 创建一个对象
var person = {
  firstName: "John",
  lastName : "Doe",
  id     : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

// 显示对象的数据
document.getElementById("demo").innerHTML = person.fullName();
</script>

</body>
</html>

结果

JavaScript this 关键字
实例中,this 指向了 person 对象。

因为 person 对象是 fullName 方法的所有者。

John Doe
目录
相关文章
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发