zoukankan      html  css  js  c++  java
  • (2)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。

  • 相关阅读:
    IDEA新建项目时,没有Spring Initializr选项
    idea 不下载jar包
    eclipse安装activiti designer
    idea上activiti插件的安装及使用
    activiti实战--第二章--搭建Activiti开发环境及简单示例
    activiti实战--第一章--认识Activiti
    jdk1.8中的for循环
    [原][bigemap][globalmapper]通过bigemap下载全球30米DEM高程数据(手动下载)(下载全球高精度dom卫片、影像、等高线、矢量路网、POI、行政边界)
    [转]OpenStreetMap/Google/百度/Bing瓦片地图服务(TMS)
    [转]osgconv工具简介
  • 原文地址:https://www.cnblogs.com/blogforvi/p/7677103.html
Copyright © 2011-2022 走看看