 |
位置：电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > JavaScript教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：JavaScript教程 > 对象方法 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 访问对象属性 | 下一篇： 访问对象方法 |
|
对象的方法定义了一个函数，并作为对象的属性存储。 对象方法通过添加 () 调用 (作为一个函数)。 该实例访问了 person 对象的 fullName() 方法: 实例 name = person.fullName(); 完整实例 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</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>效果图
如果你要访问 person 对象的 fullName 属性，它将作为一个定义函数的字符串返回： 实例 name = person.fullName; 完整代码 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(www.2d5.net)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法是一个函数定义,并作为一个属性值存储。</p>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo1").innerHTML = "不加括号输出函数表达式：" + person.fullName;
document.getElementById("demo2").innerHTML = "加括号输出函数执行结果：" + person.fullName();
</script>
</body>
</html>效果图
JavaScript 对象是属性和方法的容器。 在随后的教程中你将学习到更多关于函数，属性和方法的知识。 |
|
| 上一篇： 访问对象属性 | 下一篇： 访问对象方法 |
