看script中函数的各种不同形式的结果

时间：2016-08-10 16:08:30 阅读：131 评论：0 收藏：0 [点我收藏+]

标签：

例1：
<!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

看script中函数的各种不同形式的结果

标签：

原文地址：http://www.cnblogs.com/cyy-13/p/5756840.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行