JavaScript学习笔记之JS函数

 更新时间:2015年01月22日 10:32:12   投稿:hebedich  
这篇文章主要简单介绍下javascript中函数的概念以及函数的参数、返回值、局部变量、全局变量以及示例分享,是篇非常不错的文章,推荐给大家学习下。

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

复制代码 代码如下:

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

函数参数
  函数的参数可以任意多个,不用声明变量类型,只用给出变量名:

复制代码 代码如下:

function myFunction(name, job)
{
    这里是要执行的代码
}

函数返回值
  在函数中使用return语句,函数会停止执行,返回调用它的地方。

  函数的返回值也不用声明类型,直接返回即可。

复制代码 代码如下:

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

  上面的函数会返回返回值5。

  注:整个 JavaScript 并不会停止执行,仅仅是函数。

  JavaScript 将继续执行代码,从调用函数的地方。

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

复制代码 代码如下:

var myVar=myFunction();

  仅仅希望退出函数时 ,也可使用 return 语句。

  返回值是可选的:

复制代码 代码如下:

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

  当a大于b时不再往下执行,而是直接返回。

局部变量
  关于局部变量和全局变量这里再重复说一遍吧。

  在 JavaScript 函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

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

  只要函数运行完毕,本地变量就会被删除。

全局变量

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

  注意:向未声明的 JavaScript 变量来分配值:

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

  这条语句:

carname="Volvo";
  将声明一个全局变量carname,即使它在函数内执行。

函数实例

复制代码 代码如下:

<body>
    <script type="text/javascript">
        function member(name, job) //类比Java的构造函数,JS是没有类的概念的
        {
            this.name = name;
            this.job = job;
        }
        function showProperty(obj, objString) {
            var str = "";
            for ( var i in obj) {
                //遍历对象中的每一个属性
                str += objString + "." + i + "=" + obj[i] + "<br/>";
                //i表示属性
                //obj[i]表示该属性的值
            }
            return str;
        }
        var obj = new member("刘德华", "艺人");//建立对象实例
        document.writeln(showProperty(obj, "person"));
    </script>
</body>

输出:

复制代码 代码如下:

person.name=刘德华
person.job=艺人

以上就是本文的全部内容了,希望小伙伴们能够喜欢,有疑问请给我留言。

相关文章

  • javascript的几种继承方法介绍

    javascript的几种继承方法介绍

    下面小编就为大家带来一篇javascript的几种继承方法介绍。小编觉得挺不错的。现在分享给大家,给大家一个参考
    2016-03-03
  • JavaScript入门学习书籍推荐

    JavaScript入门学习书籍推荐

    对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由。
    2008-06-06
  • Javascript基础教程之数据类型 (布尔型 Boolean)

    Javascript基础教程之数据类型 (布尔型 Boolean)

    本文简单讲解了javascript数据类型中的布尔型(boolean),十分的简单,小伙伴们看下就明白了
    2015-01-01
  • Js删除数组中某一项或几项的几种方法(推荐)

    Js删除数组中某一项或几项的几种方法(推荐)

    下面小编就为大家带来一篇Js删除数组中某一项或几项的几种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 详解javascript中var与ES6规范中let、const区别与用法

    详解javascript中var与ES6规范中let、const区别与用法

    es6刚流行那会,我只知道var即将退出历史舞台,取而代之的是let和const,却不知道var有什么缺陷,为什么会被取代。今天在网上看到一段视频,解答了我的疑惑
    2020-01-01
  • 从未有过的JavaScript运算符详细解释

    从未有过的JavaScript运算符详细解释

    这篇文章主要为大家介绍了,JavaScript运算符详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • javascript 基础篇3 类,回调函数,内置对象,事件处理

    javascript 基础篇3 类,回调函数,内置对象,事件处理

    在js中自定义一个类跟java c++就有比较大的区别了,因为这个格式用公式表达起来比较困难,大体说一下吧
    2012-03-03
  • JS的Document属性和方法小结

    JS的Document属性和方法小结

    Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性、哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助
    2013-09-09
  • 全面理解JavaScript中的闭包

    全面理解JavaScript中的闭包

    将外部作用域中的局部变量封闭起来的函数对象称为闭包(Closure),被封闭起来的变量与封闭它的函数对象有相同的生命周期,这在JavaScript中比较难理解而且十分重要,接下来带大家一起来全面理解JavaScript中的闭包:
    2016-05-05
  • javaScript中

    javaScript中"=="和"==="的区别详解

    对于JavaScript中比较运算符,可能大家用的比较多的是“==”、对于“===”很多人可能很陌生。=== 表示恒等,首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等;== 表示相等即仅仅比较两边变量的数值是否相等。
    2018-03-03

最新评论