搜索
您的当前位置:首页JavaScript中函数的调用

JavaScript中函数的调用

时间:2023-12-01 来源:乐玩宠

首先说函数的定义:view sourceprint?function Hanshu()

{

//函数体...

}

这样我们就定义了一个名为Hanshu的函数,现在我们尝试调用一下这个函数。其实很简单,调用函数就是用函数的名称加括号,即:

Hanshu();

这样我们就调用了这个函数。

我们用一个按钮调用一下这个函数:将按钮的点击事件指向这个方法

<input type="button" value="click me" onclick="Hanshu()">

现在我在此方法中再写一个方法

我们在这个方法中将body的点击事件指向了一个新的方法,匿名方法。然后弹出click bodyview sourceprint?function Hanshu()

{

document.body.onclick = function()

{

alert(click body);

};

}

现在我们尝试调用一下

<input type="button" value="click me" onclick="Hanshu()">

但是这样是不能实现每单击body时,弹出click body

因为当body去访问这个匿名方法时,找不到此方法

我们可以这么测试一下

view sourceprint?function AddClick()

{

// 这样不能实现把body的单击事件指给新的方法, 因为body不能访问在函数体里的函数

/*

document.body.onclick = new function()

{

alert(click body);

};

*/

// 这样可以实现

document.body.onclick = BtnAn;

// 如果把方法指向函数内的方法,则会出现错误:NeiHanshu未定义

// document.body.onclick = NeiHanshu;

}

function BtnAn()

{

alert(click body);

// function NeiHanshu()

// {

// alert(函数里的函数被调用);

// }

// NeiHanshu();

}

所以结果是:我们只能调用在外部的函数,不能调用函数里的函数,这也就是一个访问级别的问题

小编还为您整理了以下内容,可能对您也有帮助:

javascript中函数调用的方法有几种?

Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用。 方式1,调用函数,得到返回值。强制运算符使函数调用执行(function(x,y){ alert(x+y); return x+y; }(3,4)); 方式2,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用再去调用执行(function(x,y){ alert(x+y); return x+y;} )(3,4); 这种方式也是很多库爱用的调用方式,如jQuery,Mootools。 方式3,使用voidvoid function(x) { x = x-1; alert(x);}(9);

javascript中函数调用的方法有几种?

Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用。 方式1,调用函数,得到返回值。强制运算符使函数调用执行(function(x,y){ alert(x+y); return x+y; }(3,4)); 方式2,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用再去调用执行(function(x,y){ alert(x+y); return x+y;} )(3,4); 这种方式也是很多库爱用的调用方式,如jQuery,Mootools。 方式3,使用voidvoid function(x) { x = x-1; alert(x);}(9);

JavaScript函数如何使用

函数就是通过共同定义相同的处理并使其可以多次使用,接下来的这篇文章就来给大家介绍关于JavaScript中函数的用法。

如果代码很多的话,有时可能需要用到大量相同的处理,虽然可以通过复制粘贴来省去时间,但是代码会变得很长,不方便后续的一些操作,这时候我们可以将相同的处理定义为一个函数,然后调用这个函数,这样代码就会看起来非常的简洁了。

此外函数还有一个优点,当需要处理的部分代码需要进行共同的变化时,只需要更改一处就可以了。

下面我们来看JavaScript中函数的定义

基本形式

在定义函数时首先需要的是function。之后写下给函数的名称并在{}中写入需要的处理,最简单的编写的话就像下面这样

<script>

function 函数名( ) {

处理的代码

}

</script>参数和返回值

此外,如果要将参数传递给函数,请将参数名称放在括号中。您可以根据需要添加任意数量的参数,以“,”分隔。因此,即使进行相同的处理,也可以地根据传递的参数进行内容的处理。

另外,如果你想获得这个调用函数的处理结果,使用return的关键字,则会传递函数中处理的结果返回值。

<script>

function 函数名(参数1,参数2,...){

处理的代码

return 返回值;

}

</ script>我们下面来看使用函数编程的具体例子

我们先使用变量来编写,将变量定义为money,根据输入的money的值,用document.write输出字符串“有钱人”,“普通人”,“贫穷”三个类型。

代码如下

<!DOCTYPE html>

<html>

<head>

<meta charset = "utf-8">

<title>JavaScript</title>

</head>

<body>

<script>

var money;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

</script>

</body>

</html>基于上述代码,根据输入的money值,执行的结果会为“有钱人”或“普通人”或“贫穷”,如果不使用函数,则必须写入相同的代码。

<script>

var money=10000;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

</script>变量money的值输入10000,则输出结果为“有钱人”

当变量money输入为4000,结果就为"普通人",输入money的值为2000时就是“贫穷”。

所以你只需要改变var money的值,其他都不需要改变,但代码就会变得很多,这个时候如果定义一个函数,代码就会变得简单的多

我们接着就来看使用函数具体的示例

这里的函数名称是judge。因为想根据输入变量money的值来判断“有钱人”“普通人”“贫穷”。

实际上,您无法分辨传递给函数的信息是什么,因此使用变量money定义参数。该函数将根据进入变量money的值来改变输出的值和字符串。

function judge(money) {

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

}这样做的话,就可以删除目前已编写和重复多次的代码,并将其替换为名为judge的函数。

代码如下

<script>

function judge(money) {

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

}

var money = 10000;

judge(money);

var money = 4000;

judge(money);

var money = 2000;

judge(money);

</script>运行结果如下

使用return值返回

也可以在不使用document.write的情况下返回判断结果的字符串。这种情况下,使用返回值return。将判断结果的字符串“有钱人”“普通”“穷”代入后,最后用return返回到result的变量的值。

代码如下

<script>

function judge(money) {

var result;

if (money > 5000) {

result = "有钱人";

} else if (money > 3000){

result = "普通人";

} else {

result = "贫穷";

}

return result;

}

var money = 10000;

var result = judge(money);

document.write(result);

var money = 4000;

var result = judge(money);

document.write(result);

var money = 2000;

var result = judge(money);

document.write(result);

</script>运行效果不变

最后,我们来简单看一下什么是局部变量

局部变量是指在函数中定义的变量,并且只在该函数中有作用。

使用“var变量名”声明与普通变量没有区别,但在局部变量的情况下,它是在function中声明。

js 函数如何去调用另一个函数中的函数?

首先把这两个函数都定义数来。

定义被调用函数(这类函数一般都是一个公用函数,如果不是公用可以和调用函数写在一起)。

function publicMethod(act1,atc2){

定义调用函数:

// 调用的函数 act为需要的参数,自己定义就可

function callMethod(act1,atc2){

// 如果有返回值,可以定义一个变量进行赋值

var ret = publicMethod(act1,atc2);

// 下面逻辑处理

}

代码如下:

1.HTML页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="1.js" ></script>

<script type="text/javascript" src="2.js" ></script>

</head>

<body>

<input type="text" id="tex" name="tex" onblur="fun();" />

</body>

</html>

2.js:

function onCli(){

var va=document.getElementById("tex").value;

if(null == va || "" == va){

alert("请在文本框中输入内容!");

return false;

}

return true; //当va的值不为空时 if(onCli())中onCli()是undefined

}

3.js

function fun(){

if(onCli()){

alert("调用成功!");

}

}

扩展资料:

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。

在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

不同于服务器端脚本语言,例如PHP与ASP,JavaScript主要被作为客户端脚本语言在用户的浏览器上运行,不需要服务器的支持。

所以在早期程序员比较青睐于JavaScript以减少对服务器的负担,而与此同时也带来另一个问题:安全性。

而随着服务器的强壮,虽然程序员更喜欢运行于服务端的脚本以保证安全,但JavaScript仍然以其跨平台、容易上手等优势大行其道。

同时,有些特殊功能(如AJAX)必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Node.js的发展,及其事件驱动及异步IO等特性,JavaScript逐渐被用来编写服务器端程序。

参考资料来源:百度百科——js

乐玩宠还为您提供以下相关内容希望对您有帮助:

JavaScript为什么调用函数不会执行呢?

1、的确是没有定义这么一个函数;2、定义函数了,但是在你调用的时候,你的函数并没有初始化。将(function () {alert("help me !!!");var gameDraw = new gameDraw("myCanvas");alert("help me11111 !!!");g...

JS中函数的调用、引用有什么区别?

在JavaScript中函数有4种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply(call)调... //以函数的方式调用change;}//以方法的形式调用changeName.myObj.changeName();console.log(...2016-11-09 JS中的函数调...

Javascript中调用一个函数,使用new或者直接调用有什么区别

您好,使用new是不能调用js函数的,new是可以重新定义一个函数,要调用一个函数的话可以这样:fun(); 希望能帮助到你,谢谢

javascript函数怎么自己调用自己啊?

自己调用自己的函数叫做递归函数,递归函数是在程序中函数直接或间接调用自己。工具原料:编辑器、浏览器 1、简单的JavaScript递归代码示例如下:function test(num){ if(num &lt;= 1){ return 1; }else{ return ...

javascript在函数里调用函数

window.onload=函数;这种写法,是把函数作为一个对象赋值给onload事件,这样当这个事件触发时就会执行这个函数了。而如果是:window.onload=函数();这样就是让函数立即执行,然后把运行后的返回值再赋值给onload事件,这显然是...

js方法调用

JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式 1.方法调用模式:先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject 对象。var ...

如何在js函数中调用另外一个函数

①如果是最简单的一个方法:functiuon dome1(){ //.代码块}//调用方法就是:dome1()。②如果是闭包形式:function dome1(){ function dome2(){ } return function dome3(){ }}//这里可以访问dome1方法内的dome3...

javascript中调用函数和变量都需要创建对象吗,需要为什么,不需要又为 ...

其实在JavaScript 中,任何变量函数都可以用对象来调用。在全局环境下声明函数或者变量:var func=function(){};var a=1;函数func 和 变量 a 都可以使用 window.func();window.a;来调用。对于,需不需要创建对象的问题...

javascript怎样调用php函数?

1. 在javascript里使用ajax调用服务器端脚本,把返回的结果给javascript.2.在php里动态输出javascript,在输出过程中可以输出php的执行结果给javascript。例如:echo ''echo 'var id = ' . phpfunction() . ';';echo ''...

Js 怎么调用(function () {里的函数?

需要通过return的方式把要调用的函数返回给外部。比如: var ta = (function(){//定义一个闭包匿名函数。return function(){//返回匿名函数内部的匿名函数给ta alert('1');} })();ta();//执行ta,弹出信息1 补充...

Top
4.772428s