JS函数不可不知的小点

2401_84152140

于 2024-05-13 03:54:11 发布

阅读量952

点赞数 9

分类专栏：程序员文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2401_84152140/article/details/138778293

版权

程序员专栏收录该内容

187 篇文章 0 订阅

订阅专栏

函数的参数1

我们希望函数执行结果不是一成不变的，可以根据自定义的内容发生一些变化
函数预留了一个接口，专门用于让用户自定义内容，是函数发生一些执行效果变化
接口：就是函数的参数，函数参数的本质就是变量，可以接受任意类型的数据，导致函数执行结果根据参数不同，结果也不同
一个函数可以设置0个或者多个参数，参数之间用逗号分隔


function sum (a, b) {

    console.log(a + b)

}

sum(3, 4);

sum("3", 4);

函数的参数2

函数的参数根据书写位置不同，名称也不同：
形式参数：定义的()内部的参数，叫做形式参数，本质是变量，可以接受实际参数传递过来的数据。简称形参
实际参数：调用的()内部的参数，叫做实际参数，本质就是传递的各种类型的数据，传递给每个形参，简称实参。
函数执行过程，伴随传参的过程

函数的参数的优点

不论使用自己封装的函数，还是其他人封装的函数，只需要知道传递什么参数，执行什么功能，没必要知道内部的结构什么
一般自己封装的函数或者其他人封装的函数需要有一个API接口说明，告诉用户参数需要传递什么类型的数据，实现什么功能

函数的返回值

================================================================

函数能够通过参数接收数据，也能够将函数执行结果返回一个值
利用函数内部的一个return的关键字设置函数的返回值
作用
- 函数内部如果结构体执行到一个return的关键字，会立即停止后面代码的执行```
  
  function fun () {
```
console.log(1);

return;

console.log(2);
```
  }
- 可以再return关键字后面添加空格，空格后面任意定义一个数据字面量或者表达式,函数在执行完自身功能之后，整体会被return矮化成一个表达式，表达式必须求出一个值继续可以参与程序，表达式的值就是return后面的数据```
  
  function fun (a, b) {
```
return a + b;
```
  }

函数的返回值应用

函数如果有返回值，执行结果可以当成普通数据参与程序
函数如果有返回值，可以作为一个普通数据赋值给一个变量，甚至赋值给其他函数的实际参数
注意
- 如果函数没有设置return语句，那么函数有默认的返回值undefined；如果函数使用return语句，但是return后面没有任何值，那么函数的返回值也是undefined

函数的表达式

================================================================

函数表达式是函数定义的另外一种方式
定义方法：就是将函数的定义、匿名函数赋值给一个变量
函数定义赋值给一个变量，相当于将函数整体矮化成了一个表达式
匿名函数：函数没有函数名
调用函数表达式，方法是给变量名加()执行，不能使用函数名加()执行


var foo = function () {

    console.log("foo")

}

函数的数据类型

=================================================================

函数是一种单独的数据类型function
由于函数是一种数据类型，可以参与其他程序
例如：可以把函数作为另一个函数的参数，再另一个函数中调用
或者，可以把函数作为另一个函数的返回值返回

arguments对象

=====================================================================

JS中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性，也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有的实参。arguments是一个伪数组，因此可以进行遍历
函数的实参个数和形参个数可以不一致，所有的实参都会存储在函数内部的arguments类数组对象中

函数递归

==============================================================

函数内部可以通过函数名调用函数自身的方式，就是函数递归现象
递归的次数太多容易出现错误：超出计算机的计算最大能力
更多时候，使用递归去解决一些数学中的现象
例如可以输出斐波那契数列的某一些的值

作用域

=============================================================

作用域：变量可以起作用的范围
如果变量定义在一个函数内部，只能在函数内部被访问到，在函数外部不能和使用这个变量，函数就是变量定义的作用域
任何一对花括号{}中的结构体都属于一个块，在这之中定义的所有变量在代码块外都是不可兼得，我们称之为块级作用域。
在es5之前没有块级作用域的概念，只有函数作用域，现阶段可以认为JS没有块级作用域

全局变量和局部变量

局部变量：定义在函数内部的变量，只能在函数作用域内部被访问到，在外面没有定义的
全局变量：从广义上来说，也是一种局部变量，定义在全局的变量，作用域范围是全局，在整个js程序任意位置都能够被访问到
变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁

参数和函数的作用域

===================================================================

函数的参数本质是一个变量，也有自己的作用域，函数的参数也是属于函数自己内部的局部变量，只能在函数内部被使用，在函数外面没有定义
函数定义在另一个函数内部，如果外部函数没有执行时，相当于内部代码没写

作用域链和遮蔽效应

===================================================================

作用域链

只有函数可以制造作用域结构，那么只要是代码，就至少有一个作用域，即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域，如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域
将这样的所有的作用域列出来，可以有一个结构：函数内指向函数外的链式结构。就称作：作用域链

遮蔽效应

程序在遇到一个变量时，使用时作用域查找顺序，不同层次的函数内都有可能定义相同名字的变量，一个变量在使用时，会优先从自己所在层作用域查找变量，如果当前层没有变量定义会按照顺序从本层往外依次查找，直到找到第一个变量定义。整个过程中会发生内层变量遮蔽外层变量的效果，叫做遮蔽效应

不写var关键字的影响

=====================================================================

在函数内部想要定义新的变量，如果不见关键字var，相当于定义的全局变量。如果全局也有相同的标识符，会被函数内部的变量影响，局部变量污染全局变量
注意：每次定义变量时都必须写var关键字，否则就会定义在全局，可能污染全局

预解析和声明提升

==================================================================

预解析

JS代码的执行是由浏览器中的JS解析器来执行的。JS解析器执行JS代码的时候，分为两个过程：预解析过程和代码执行过程
预解析过程：
1. 把变量的声明提升到当前作用域的最前面，最会提升声明，不会提升赋值
2. 把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用
3. 线提升var，在提升function
JS的执行过程：
- 在预解析之后，根据新的代码顺序，从上往下按照既定规律执行JS代码

变量声明提升

在预解析过程中，所有定义的变量，都会将声明的过程提升到所在的作用域最上面，在将来的代码执行过程中，按照先后顺序会先执行被提升的声明变量过程
提升过程中，只提升声明过程，不提升变量赋值，相当于变量定义未赋值，变量内存储undefined值
因此，在js中会出现一种现象，在前面调用后定义的变量，不会报错，只会使用undefined值

函数声明提升

在预解析过程中，所有定义的函数，都会将声明的过程提升到所在的作用域最上面，在将来的代码执行过程中，按照先后顺序会先执行被提升的函数变量过程
在预解析之后的代码执行过程中，函数定义过程已经在最开始就会执行，一旦函数定义成功，后续就可以直接调用函数
因此，在js中会出现一种现象，在前面调用后定义的函数，不会报错，而且能正常执行函数内部的代码

提升顺序

预解析过程中，先提升var变量声明，在提升function函数声明
假设出现变量名和函数名相同，那么后提升的函数名标识符会覆盖线提升的变量名，那么在后续代码中出现调用标识符时，内部是函数的定义过程，而不是undefined
如果调用标识符的过程在源代码函数和变量定义后面，相当于函数名覆盖了一次变量名，结果在执行到变量赋值时，又被新值覆盖了函数的值，那么在后面再次调用标识符，用的就是变量村的新值
建议：不要书写相同的标识符给变量名或函数名，避免出现覆盖