js中使用php函数,JavaScript函数如何使用

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

78ac211ef4ab0b4a549267f60e3ca71b.png

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

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

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

基本形式

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

function 函数名( ) {

处理的代码

}

参数和返回值

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

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

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

处理的代码

return 返回值;

}

script>

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

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

代码如下

JavaScript

var money;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

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

var money=10000;

if (money > 5000) {

document.write("有钱人");

} else if (money > 3000){

document.write("普通人");

} else {

document.write("贫穷");

}

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

6ee2b3cd45f47bc8c06077cc0d4e2f40.png

当变量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的函数。

代码如下

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);

运行结果如下

f2cdbe88afaa12b51c976d1f97a52f40.png

使用return值返回

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

代码如下

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);

运行效果不变

15aab46b5f6aa7dce2127398b6822fbf.png

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值