当前位置: 首页 > 编程笔记 >

JavaScript学习笔记之JS函数

廉学潞
2023-03-14
本文向大家介绍JavaScript学习笔记之JS函数,包括了JavaScript学习笔记之JS函数的使用技巧和注意事项,需要的朋友参考一下

函数就是包裹在花括号中的代码块,前面使用了关键词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学习笔记之JS对象,包括了JavaScript学习笔记之JS对象的使用技巧和注意事项,需要的朋友参考一下 默认对象   日期对象Date,   格式:日期对象名称=new Date([日期参数])   日期参数:   1.省略(最常用);   2.英文-数值格式:月 日,公元年 [时:分:秒]   如:today=new Date("October 1,2008

  • 本文向大家介绍javascript学习笔记之函数定义,包括了javascript学习笔记之函数定义的使用技巧和注意事项,需要的朋友参考一下 函数声明式 声明式的函数并不会马上执行,需要我们调用才会执行:funname();  * 分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句,所以不以分号结束。 函数表达式 函数表达式定义的函数,实际上也是一个匿名函数(这个函数没有名

  • 本文向大家介绍Javascript学习笔记之函数篇(五) : 构造函数,包括了Javascript学习笔记之函数篇(五) : 构造函数的使用技巧和注意事项,需要的朋友参考一下 Javascript 中的构造函数与其他语言相比也是不同的。任何通过关键字 new 调用的函数都可以当做构造函数。 在构造函数体内,this 指向新创建的对象。如果构造函数体内没有显示的 return 表达式,那么我们就

  • 本文向大家介绍Javascript学习笔记之数组的构造函数,包括了Javascript学习笔记之数组的构造函数的使用技巧和注意事项,需要的朋友参考一下 数组的构造函数 由于数组的构造函数在处理参数时的不确定性,因此强烈建议使用 [] 符号来创建一个新数组。 当只有一个参数被传递到数组的构造函数中,并且这个参数还是一个数字时,构造函数将会返回一个元素值为 undefined 的数组,而且这个数组的

  • 本文向大家介绍Javascript学习笔记之函数篇(四):arguments 对象,包括了Javascript学习笔记之函数篇(四):arguments 对象的使用技巧和注意事项,需要的朋友参考一下 每一个 Javascript 函数都能在自己作用域内访问一个特殊的变量 - arguments。这个变量含有一个传递给函数的所有参数的列表。 arguments 对象不是一个数组。尽管在语法上它跟数组

  • 本文向大家介绍JavaScript 学习笔记之操作符,包括了JavaScript 学习笔记之操作符的使用技巧和注意事项,需要的朋友参考一下 一、一元操作符 1、自增自减操作符:分为前置型和后置型; 前置型:++a;--a; 后置型:a++;a--; 例: 其中a=i++,相当于a=i;i=i+1; 而b=++j,相当于j=j+1;b=j; 2、一元加减操作符:a=+i;a=-i; 对整数而言,一元