深入理解JavaScript函数-优快云博客

本文链接：https://blog.youkuaiyun.com/x3458922045/article/details/103633129

函数

1.函数的概念和作用

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

函数是一组可以随时随地运行的语句。

函数是ECMAScript的核心

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

函数的分类

1.匿名函数无参数

object. 事件 = function（）{}

有名函数无参数

function fn(){} fn --是函数名称
有参数的函数

function fn(参数1，参数2){}
无参数的函数

function fn(){}

案例：

在这里插入代码片
var a=Number(prompt('输入一个数字'))//键盘录入一个数字
        var b=Number(prompt('输入一个数字'))
        function fn(m,n) {//函数形参
            var sum1 = 0
            for (var i = m; i <= n; i++) {
                if (i % 2 == 1) {
                    sum1 += i
                }
            }
            document.write(sum1)
        }

      fn(a,b)//函数实参

2函数的定义

方法一、常用的方法
function 函数名(形参1，形参2){
//函数体
}
方法二：字面量方法
var 函数名=function(形参1，形参2){
//函数体
}
方法三、构造函数方法
var 函数名=new Function(‘形参1’,‘形参2’，‘函数体’)

3函数的命名

1.以 $、下划线或字母开头，不能数字开头 2 . 其余为数字，字母，下划线，$ 符号等。
3.不能是关键字或保留字
var ,this,function,break,continue,for,while,in null,……
4.严格区分大小

4函数的调用

1.基于事件驱动调用函数
2.在程序中调用

函数名(参数1值，参数2值)

5函数参数

5.1形式参数

形参;所谓的形参是指在定义函数时设置的几个参数,
形参的个数是不确定，由程序代码决定,参数和参数之间用逗号隔开，形参不占用内存,

5.2真实参数

实参:是指在调用函数时给定的实际参数的值，

当实参的个数和形参个数相同时，形参和实参按顺序一一对应
当形参的个数大于实参数时，会出现什么情况呢,剩余的形参都将设置为undefined
当形参的个数小实参时,会现什么情况呢,乘余的实参省略

函数封装优点：有利于简化代码有利于代码复用。

5.3 arguments（只在函数里面有效）

arguments获取实参个数的,和形参无关

function aa(a,b,c){

arguments.length

}
aa(1,2,3,4,5) // 5个参数

6函数返回值（重点）

有时，我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

使用 return 语句时，函数会停止继续执行，并返回指定的值。

语法

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

上面的函数会返回值 5。

注意： 整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

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

var myVar=myFunction();

myVar 变量的值是 5，也就是函数 “myFunction()” 所返回的值。

即使不把它保存为变量，也可以使用返回值：

document.getElementById(“demo”).innerHTML=myFunction();

“demo” 元素的 innerHTML 将成为 5，也就是函数 “myFunction()” 所返回的值。

仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：

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

如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。

局部 JavaScript 变量

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

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

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

全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。全局变量会造成内存的占用！！

JavaScript 变量的生存期

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

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

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

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

这条语句：

carname=“Volvo”;

将声明 window 的一个属性 carname。

7 预解析

在ES6之前，变量使用var声明，会存在变量的预解析（函数也有预解析）。ES6引了let和const，但是现阶段ES6并没有完全普及，而且很多比较老的代码都还是按照ES5的标准甚至是ES3的标准来书写的，要想得心应手的维护之前的代码很有必要了解下js的预解析机制。

JavaScript解析过程分为两个阶段，一个是编译阶段，另外一个就是执行阶段。

1.编译阶段：又称为预解析阶段，在这个阶段JavaScript解释器将完成把JavaScript脚本代码转换到字节码。

2阶段：在执行阶段JavaScript解释器借助执行环境把字节码生成机械码，并顺序执行。

在未定义和函数中，会选择函数，跟代码顺序没有关系

域解析顺序：

一、块依次解析。

二、解析代码运行的环境。

三、对标识符(关键字)(var function )进行解析，解析到相应的环境下。

四、如果还有块再按照上面的步骤依次解析。

在这里插入代码片
function a(){
            console.log(a);  // function
            function a(){};
            var a = 10;
            console.log(a); //10
            }
            a();