JavaScript 函数

最新推荐文章于 2022-04-27 22:12:37 发布

Lo-ra

最新推荐文章于 2022-04-27 22:12:37 发布

阅读量253

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yana_loo/article/details/51734137

本文详细介绍了JavaScript函数的基础概念，包括函数的定义、调用、参数传递、返回值处理以及局部变量和全局变量的区别等内容。

1、函数：

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

function demo(a,b){
        var sum = a + b;
        return sum;
    }
    var v1 = demo(10,20);
    alert(v1);

2、定义函数

 function 函数名(){
        函数体；（代码块）
}

*注意：JavaScript大小写敏感

function tel(){
       var a = 10;
       var b = 20;
       var vl = a + b;
       alert(vl);
   }
 tel();

3、函数的调用

函数定义好之后，不能自动执行，需要进行调用

调用的方式：在<script>标签内调用、在HTML文件中调用

tel();  //调用函数
<input type="button" value="button" onclick="tel()"> //HTML文件调用

4、带参数的函数

函数参数：在函数调用中，也可以传递值，这些值被称为参数例：demo(arg1,arg2);

参数的个数可以为任意多，每个参数通过","隔开

注意：参数在传递时，顺序必须一致

参数意义：通过传递参数的个数以及参数的类型不同完成不同的功能

    function demo(a,b){
        var v1 = a + b;
        console.log(v1);
    }
    demo(10,20);
    demo(29,3);
    function demo2(name,age){
      console.log("HI,My name is:"+name+",my age is:"+age);
  }

<input type="button" value="click1" onclick="demo2('alice',30)">
<input type="button" value="click2" onclick="demo2('lily',20)">

5、返回值

将函数的值返回给调用它的地方，通过return语句可以实现

*注意：使用return语句时，函数会停止执行，同时返回值

  function demo(){
      return "hello";
      alert("hi"); //不会被执行
  }
    console.log(demo());

6、局部变量和全局变量
全局变量声明在函数外的，任何地方都能使用

局部变量声明在function里面，只能在当前函数中使用

*JavaScript把隐式声明的声明当做全局变量

    var x =10; //全局变量
    m =120; //全局变量
    function demo1(){
        var y = 20; //局部变量
        z = 100; //在demo1()被调用执行后，变全局变量
        console.log(y);
    }
  demo1();
    console.log(z);