JavaScript函数

Posted Think In Code

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript函数相关的知识,希望对你有一定的参考价值。

函数是被事件驱动的,或者当它们被调用时执行的可重复使用的代码块。

示例

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script>
 5 function myFunction()
 6 {
 7     alert("Hello World!");
 8 }
 9 </script>
10 </head>
11  
12 <body>
13 <button onclick="myFunction()">Try it</button>
14 </body>
15 </html>

javascript函数语法

函数就是包含在花括号中的代码块,使用关键字funtion进行声明

function functionname()
{
执行代码
}

当函数被调用时,执行函数体内的代码。

或者可以由事件触发(例如用户点击按钮),并且可以由JavaScript在任何位置进行调用。

调用带参数的函数

调用函数时,可以向其传递参数,参数可以在函数体内被调用,参数个数可以是任意个,中间使用逗号隔开。

声明函数时,把参数作为变量来声明:

function myFunction(var1,var2)
{
代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

带有返回值的函数

有时我们希望函数能返回值给调用它的地方,通过使用return语句就可以实现,return语句会返回一个值,同时让函数结束。

function myFunction()
{
    var x=5;
    return x;
}

上面的函数会返回值5。

示例:

function myFunction(a,b)
{
    return a*b;
}
 
document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 将是:12

仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的:

function myFunction(a,b)
{
    if (a>b)
    {
        return;
    }
    x=a+b
}

如果 a 大于 b,则上面的代码将退出函数,并不会计算 a 和 b 的总和。

局部JavaScript变量

在函数中声明的变量,其作用域是局部的,只有在该函数中可以使用。

不同函数可以声明相同变量名的局部变量,因为只有声明过该变量的函数才能识别出该变量。

在函数结束时,局部变量会被删除。

全局 JavaScript 变量

在函数外部声明的变量是全局变量,在网页上的所有脚本和函数都可以访问它。

JavaScript 变量的生存期

JavaScript变量的生命周期从它们被声明的时候开始,局部变量在函数结束执行之后被删除,全局变量在页面被关闭时被删除。

向未声明的 JavaScript 变量分配值

如果把值赋给尚未声明的变量,该变量将自动作为全局变量声明,即使它是在函数中被赋值的。

示例:

carname="Volvo";

将声明一个全局变量carname。

 

以上是关于JavaScript函数的主要内容,如果未能解决你的问题,请参考以下文章

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

jQ选择器学习片段(JavaScript 部分对应)

几个关于js数组方法reduce的经典片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象