zoukankan      html  css  js  c++  java
  • JavaScript 函数

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。一般使用function语句来定义一个函数。

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction()
    {
    alert("Hello World!");
    }
    </script>
    </head>
    
    <body>
    <button onclick="myFunction()">点击这里</button>
    </body>
    </html>

    但是,无论你怎么去定义你的函数,JS解释器都会把它翻译成一个Function对象。例如,你在定义上面的其中一个例子的函数号,再输入如下代码:

    alert(typeof myFunction);// "function" 

    你的浏览器就会弹出提示框,提示你myFunction是一个Function对象。那么Function对象究竟是什么呢?

    匿名函数

    匿名函数就是没有实际名字的函数,例如 var abc=function(x,y){return x+y;}; 等同于function abc(x,y){return x+y;};

    要调用一个函数,我们必须要有方法定位它,引用它。所以,我们会需要帮它找一个名字。例如:

    var abc=function(x,y){  
          return x+y;  
        }  
    alert(abc(2,3)); // "5"  

    JavaScript 函数语法

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

    function functionname()
    {
    这里是要执行的代码
    }

    当调用该函数时,会执行函数内的代码。

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

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

    调用带参数的函数

    在调用函数时,您可以向其传递值,这些值被称为参数。

    这些参数可以在函数中使用。您可以发送任意多的参数,由逗号 (,) 分隔:

    当您声明函数时,请把参数作为变量来声明。

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

    <!DOCTYPE html>
    <html>
    <body>
    
    <p>点击这个按钮,来调用带参数的函数。</p>
    
    <button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
    
    <script>
    function myFunction(name,job)
    {
    alert("Welcome " + name + ", the " + job);
    }
    </script>
    
    </body>
    </html>

    带有返回值的函数

    语法:

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

    JavaScript 变量的生存期

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

    局部变量会在函数运行以后被删除。

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

  • 相关阅读:
    js对于Select的删除操作时需要注意的问题
    [转]使IIS支持PHP的配制方法
    Web工作流
    创建新的DOM节点以后,如何增加事件,和属性。
    Javascript attachEvent传递参数的办法
    [转]Javascript 操作Cookies类
    ASP SESSION莫名其妙丢失的原因及解决方法
    DataTable的2个方法;
    [推荐]美国网站兵败中国的10大思路性执行错误
    Blog from Office Word 2007
  • 原文地址:https://www.cnblogs.com/chrisghb8812/p/5650747.html
Copyright © 2011-2022 走看看