JavaScript 函数

2018-09-18 06:37:50来源：博客园阅读 ()

JavaScript 函数

在JavaScript中，函数即对象，可以随意的背程序操控，函数可以嵌套在其他函数中定义，这样可以访问他们被定义时所处的作用域中的任何变量。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 函数</title>
</head>
<body>
    <!-- 当按钮被点击之后 -->
    <button onclick="MyFunction()">点一下</button>
</body>

<script type="text/javascript">
    function MyFunction() {
        alert("么么哒");
    }
</script>

</html>

JavaScript 函数语法

函数就是包裹在花括号中的代码块，前面使用了关键字 function：

function myFunction(){

　　//执行代码

}

//当调用该函数时，会执行函数内的代码

//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。

JavaScript对大小写敏感，关键词function必须是小写的，并且必须以函数名称相同的大小写来调用函数。

function中的花括号是必须的，即使函数体内只包含一条语句。

调用带参数的函数

在调用函数时，可以传递值，这些值被称为参数。这些参数可以在函数中使用。

可以传递任意个函数，由英文的逗号分隔：

myFunction(num1,num2,num3)

当声明函数时，把参数当做变量来声明：

function myFunction(var1,var2){

　　//代码

}

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

比如：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
</body>
<script type="text/javascript">
    function myFunction(num1, num2) {
        alert(num1 + num2);
    }
</script>
</html>

上面的函数在按钮被点击后会被调用。显示效果如下图：

带有返回值的函数

有时候我们需要函数将处理后的数据返回给调用它的地方，通过return语句就可以实现。

在使用return语句时，函数会停止执行，并返回指定的值。

<script type="text/javascript">
    function myFunction() {
        var x=9;
        return x;
    }
</script>

上面的函数会返回x的值 9；

注意：整个JavaScript并不会停止执行，仅仅是函数，JavaScript将继续执行代码，从调用函数的地方。

函数调用将被返回值取代。

1 <script type="text/javascript">
2     function myFunction() {
3         var x=9;
4         return x;
5     }
6     var aa=myFunction();
7 </script>

aa的值是9；也就是函数“myFunction()”的返回值。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <button onclick="myFunction(1,2)">试一试</button>
    <p id="demo"></p>
</body>
<script type="text/javascript">
    function myFunction() {
        var x=9;
        return x;
    }
    var aa=myFunction();
    document.getElementById("demo").innerHTML=myFunction();
</script>
</html>

上面的代码是通过id选取到元素，将函数myFunction的返回值写入。

如果是希望推出函数时，也可以使用return语句。返回值是可选的。也可以没有。

<script type="text/javascript">
    function myFunction(a,b) {
        if (a>b) {
            return;
        }
        x=a+b;
    }
</script>

如果a大于b，则上面的代码将推出函数。并不会计算ab的和。

局部JavaScript变量

在JavaScript函数内部声明的变量（使用var）是局部变量，所以只能在函数内部访问。（这个变量的作用域就是该函数，也可以说是局部的）。

可以在不同的函数中使用相同的变量名称。因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。

局部变量比同名全局变量优先级高，所以局部变量会隐藏同名的全局变量。

全局JavaScript变量

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

JavaScript变量的生存期

JavaScript变量的生命期从它们被声明时开始。

局部变量回来函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的JavaScript变量分配值

如果把值赋值给未声明的变量，该变量将被自动作为全局变量声明。

---------------end---------------------

注：图片来自于www.w3cschool.cn（如果侵权请告知我删除）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：angularjs等号运算

下一篇：Dtree 添加 checkbox 复选框可以默认选中

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签