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

例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

时间： 2024-10-20 06:53:25

看script中函数的各种不同形式的结果的相关文章

&lt;script&gt;中的代码

<script type="text/javascript"> $(document).ready(function () { $.formValidator.initConfig({ formID: "form1", onError: function () { alert("校验没有通过,具体错误请看错误提示") } }); $("#sfz").formValidator({ onShow: "请输入

JavaScript中函数的四种调用模式

理解函数的四种调用方法,可以有效的帮助我们分析和理解JavaScript代码.但是经常有人分不清楚或者不理解这四种调用模式,在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:1.函数调用形式 2.方法调用形式 3.构造器调用形式 4.上下文调用形式(apply,call)这里所有的调用模式中,最主要的区别在于关键字 this 的意义.下面分别介绍这几种调用形式. 一.函数调用形式

关于C++中函数指针的使用

关于C++中函数指针的使用(包含对typedef用法的讨论) (一)简单的函数指针的应用. //形式1:返回类型(*函数名)(参数表) char (*pFun)(int); char glFun(int a){ return;} void main() { pFun = glFun; (*pFun)(2); } 第一行定义了一个指针变量pFun.首先我们根据前面提到的“形式1”认识到它是一个指向某种函数的指针, 这种函数参数是一个int型,返回值是char类型.只有第一句我们还无法使用这个指针,

cin中函数的作用

cin是istream类的对象,它是从标准输入设备(键盘)获取数据,程序中的变量通过流提取符">>"从流中提取数据.流提取符">>"从流中提取数据时跳过输入流中的空格.tab键.换行符等空白字符.注意:只有在输入完数据再按回车键后,该行数据才被送入键盘缓存区,形成输入流,提取运算符">>"才能从中提取数据.需要注意保证从流中读取数据能正常运行.  例如: int a,b;        cin>>a

私人定制javascript中函数小知识点

函数的定义 首先在javascript中,函数就是对象,程序可以随意操控它们.比如,可以给它们设置属性,甚至调用它们的方法.函数使用function关键字来定义.它既可以用在函数定义表达式,也可以用在函数声明语句中.函数声明function后面必须要更上函数名称也就是所谓的函数名称标识符.如果是函数表达式函数名称标识符可有可无.这段重点是函数是对象,所以函数表现出来的种种行为你想想成对象,那么很多疑惑可能就恍如昨日初见. 函数调用 4种方式来调用javascript函数: 1.作为函数 就是函数

javascript匿名函数的各种执行形式

近期在研究Pomelo源码,这个框架基于Node.js,所以非要频繁地与JavaScript脚本打交道不可.因此,本文中我们来总结 javascript语言中匿名函数的主要目的及各种存在形式.其实,匿名函数在许多语言中都有提供,这个词语各位应该不陌生. 一.函数与匿名函数        首先,我们来看一下在javascript中正常函数定义的语法: function functionname(var1,var2,...,varX) {     //...函数体 } 如上所示,正常函数的定义需要一

对JS中函数的理解

函数本质就是功能的集合 JS中函数是对象,因此,函数名实际上仅仅是一个指向函数对象的指针,不会与某个函数绑定,所以,JS中没有重载(重载就是通过传递不同类型的参数,使两个相同函数名的函数执行不同的功能) var fn=function(a){return a+100;} fn=function(a){return a+200;} alert(fn(100)); //300 要访问函数的引用(指针)而不是执行函数时,必须去掉圆括号,加上圆括号表示访问函数执行后的结果 函数体内部的语句在执行时,一旦

看word 中是否会高亮显示

publicclass CancleCsOfferTest extends BaseTest { protectedfinal Log log = LogFactory.getLog(this.getClass()); public User currOperator;//绝大多数的时候都有登录人信息,特此创建 public BaseUserRole userRole;//登录人角色实例 public String filePathAndName = "D:\\junit.txt";

C语言中函数和指针的参数传递

最近写二叉树的数据结构实验,想用一个没有返回值的函数来创建一个树,发现这个树就是建立不起来,那么我就用这个例子讨论一下c语言中指针作为形参的函数中传递中隐藏的东西. 大家知道C++中有引用的概念,两个数据引用同一个数据,那么更改任意的一个都相当于更改了本体,那么另一个数据所对应的值也会改变,可是C中是没有这个概念的.所以就产生了一些东西.和我们本来想的有差别. 一.明确C语言中函数的入口: C语言中函数的形参负责接收外部数据,那么数据究竟怎么进入函数的呢,其实我们在函数体内操作的形参只是传递进来