<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>
例1结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
John Doe
例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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>
例2 结果：
创建和使用对象方法。
对象方法是一个函数定义,并作为一个属性值存储。
function () { return this.firstName + " " + this.lastName; }
例3：
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
}
function fullName(){
return person.firstName +" " +person.lastName;
}
//fullName();此句是没有输出结果的，因为fullName函数中没有输出值
function fullName2(){
document.write(person.firstName + person.lastName);
}
document.getElementById("demo").innerHTML =fullName();//此句是配合fullName函数用的
fullName2();//调用函数fullName2
</script>
</body>
</html>
例3结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
John Doe
JohnDoe
例4：<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
}
function fullName(){
return person.firstName +" " +person.lastName;
}
//fullName();此句没有输出结果的，因为fullName函数中没有输出值
function fullName2(){
return document.write(person.firstName + person.lastName);//此句的document.write相当于System.out.print,
//所以，返回其值相当于没有返回什么。
}
document.getElementById("demo").innerHTML =fullName2();//此句是配合fullName函数用的
//fullName2();//调用函数fullName2
</script>
</body>
</html>
例4结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
undefined
JohnDoe
例5：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
}
function fullName(){
return person.firstName +" " +person.lastName;
}
//fullName();此句没有输出结果的，因为fullName函数中没有输出值
function fullName2(){
document.write(person.firstName + person.lastName);//此句的document.write相当于System.out.print,
//所以，只有输出，没有返回
}
document.getElementById("demo").innerHTML =fullName2();//此句是配合fullName函数用的
//fullName2();//调用函数fullName2
</script>
</body>
</html>
例5结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
undefined
JohnDoe
例六：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
}
function fullName()
{
document.write(person.firstName + " " + person.lastName);
}
document.getElementById("demo").innerHTML =fullName();//因为函数fullName没有返回值，只有输出值，
//所以，调用该函数，覆盖demo，为undefined，
//又因为有输出值，所以输出John Doe
</script>
</body>
</html>
例6结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
undefined
John Doe
例7：<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
}
function fullName()
{
document.write(person.firstName + " " + person.lastName);
return 0;
}
document.getElementById("demo").innerHTML =fullName();
</script>
</body>
</html>
例7结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
0
John Doe
例8：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
}
function fullName()
{
document.write(person.firstName + " " + person.lastName);
return null;
}
document.getElementById("demo").innerHTML =fullName();
</script>
</body>
</html>
例8结果：
创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
John Doe