【js】函数概述学习笔记（8）

个人名片：

😊作者简介：一名大一在校生，web前端开发专业

🤡 个人主页：python学不会123
🐼座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。

🎅**学习目标: 坚持每一次的学习打卡，学好js

什么是函数？

函数：用于封装一段完成特定功能的代码，可以在任何地方、任何时候调用执行。

JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。

函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。

圆括号可包括由逗号分隔的参数：(参数 1, 参数 2, …)

函数的创建有哪些？

⏺️函数的声明

function声明函数语法如下：

function funcName([parameters]){
            statements;
            [return 表达式;]
        }

为何使用函数？

您能够对代码进行复用：只要定义一次代码，就可以多次使用它。

您能够多次向同一函数传递不同的参数，以产生不同的结果。

函数的参数说明

• funcName 函数名
• parameters 函数的参数(在调用函数时，将实际数据传递给参数列表完成函数的特定功能)
• statements函数主体
• return 指定函数的返回值
• 函数只有被调用时才执行器内部封装的函数体

⏺️ 函数表达式

举个🍐

function fun(num1,num2){//形式上的参数：简称形参1，形参2，形参可以当成变量
            console.log(num1+num2);
           }
           fun(1,2);//函数不调用，函数不执行  fun(1,2)是实际参数简称实参
      //num1=1  num2=2
      fun(11,678);//传递不同的参数，就有不同的结果，函数可以重复使用代码块

函数实际上是一个匿名函数（函数没有名称），这种写法将一个匿名函数赋值给变量，匿名函数又称函数表达式。

函数存储在变量中，不需要函数名称，变量可作为一个函数使用，通常通过变量名来调用函数

⏺️函数的调用

当函数定义完成后，要想在程序中发挥函数的作用，必须调用这个函数；函数的调用非常简单，只需引用函数名，并传入相应的参数即可，函数的声明与调用的编写顺序不分前后

语法：funcName([parameters])

funcName :函数名

parameters :调用函数的实际参数

⏺️调用无参函数

javascript对大小写敏感，关键词function必须是小写，并且必须以函数名称相同的大小写来调用函数

//调用无参函数
      function add()//定义函数
      {
        var result = 2+3;
        alert(result);
      }
      add();//调用函数

⏺️调用带参函数

调用函数时，可以向其形参传递值，这些值被称为实参，调用函数时多个实参有逗号分隔，实参的类型，个数以及先后要与定义函数的形式参数相同，参数名可以不同

//调用带参函数
      function add(x,y)//定义函数
      {
        var  result = x+y;
        alert(result);
      }
      add(1,2);//调用函数

⏺️调用带有返回值的函数

如果希望函数将值返回调用它的地方，通过使用return语句就可以实现。在使用return语句时，函数会停止执行，并返回指定的值。

//调用带有返回值的函数
      function add(x,y)//定义函数
      {
        var  result = x+y;
      return result;
      }
      var z=add(1,2);//调用函数
      alert(z);

什么是全局变量和局部变量？

全局变量：在函数外部声明的变量，其作用域为全局作用域，成为全局变量，全局变量在html中声明后的任何范围都可以使用

局部变量：在函数内容声明的变量，其作用域为局部变量，局部变量只能在声明它的函数内容使用

举个🍐全局变量和局部变量

var varl=1;//全局变量
    function add(){
        var var2=2; //局部变量
        document.write("add函数内，全局变量var1="+var1+"<br>");
        document.write("add函数内，全局变量var2="+var2+"<br>");
    }
    add();
    document.write("add函数外，全局变量var1="+varl);
    document.write("add函数外，全局变量var2="+var2);

什么是变量的访问机制？

什么是变量的生命周期？

• 全局变量从声明变量开始就会分配内存空间，直到整个页面关闭，其内存空间会通过回收机制释放
• 全局变量的生命周期，是从程序执行开始，到整个页面关闭结束
• 局部变量的生命周期是从函数开始调用时开始，一直到函数调用结束