目录
函数
1、函数概念
1)函数,也叫做功能、方法,函数可将一段代码一起封装起来,被封装起来的函数具备某一项特殊的功能,内部封装的一段代码作为一个完整的结构体,要执行就都执行,不执行就都不执行
2)函数的作用:封装一段代码,将来可重复使用
2、函数声明
1)函数声明又叫函数定义,函数必须先定义然后才能使用
2)如果没有定义函数直接使用,会出现一个引用错误
3)函数声明语法
function 函数名(参数) {
封装结构体;
}
// 特点:函数声明时,函数体并不会执行,只有当函数被调用时才会执行
3、函数调用
1)调用方法:函数名();
2)函数调用也叫函数执行,调用时将函数内部封装的所有结构体的代码立即执行
3)函数内部语句执行的位置,与函数定义的位置无关,与函数调用位置有关
4)函数可一次定义,多次调用
4、函数参数
1)当希望函数执行结果不是一成不变的,可根据自定义的内容发生一些变化
2)函数预留了一个接口,专门用于让用户自定义内容,使函数发生一些执行效果变化
3)接口:就是函数的参数,函数参数的本质就是变量,可接受任意类型的数据,导致函数执行结果根据参数不同,结果也不同
4)一个函数可设置0或多个参数,参数之间用逗号分隔
5)函数的参数根据书写位置不同,名称也不同
6)形式参数:定义的()内部的参数,叫做形式参数,本质是变量,可接受实际参数传递过来的数据,简称形参
7)实际参数:调用的()内部的参数,叫做实际参数,本质就是传递的各种类型的数据,传递给每个形参,简称实参
8)函数执行过程伴随着传参过程
5、函数参数优点
1)不论使用自己封装的函数还是其他人封装的函数,只需要指导传递什么参数,执行什么功能,没必要知道内部的结构是什么
2)一般自己封装的函数或者其他人封装的函数需要有一个API接口说明,告诉用户参数需要传递什么类型的数据,实现什么功能
6、函数返回值
1)函数能够通过参数接收数据,也能够将函数执行结果返回一个值
2)利用函数内部的一个return的关键字设置函数的返回值
3)作用1:函数内部如果结构体执行到一个return的关键字,会立即停止后面代码的执行
4)作用2:可在return关键字后面添加空格,空格后面任意定义一个数据字面量或者表达式
5)函数在执行完自身功能之后,整体会被return矮化成一个表达式,表达式必须求出一个值继续可参与程序,表达式的值就是return后面的数据
7、函数返回值应用
1)函数如果有返回值,执行结果可当成普通数据参与程序
2)函数如果有返回值,可作为一个普通数据赋值给一个变量,甚至赋值给其他函数的实际参数
注意:如果函数没有设置return语句,那么函数有默认的返回值undefined;如果函数使用return语句,但return后面没有任何值,那么函数的返回值也是undefined
8、函数表达式
1)函数表达式是函数定义的另一种方式
2)定义方法:将函数的定义、匿名函数赋值给一个变量
3)函数定义赋值给一个变量,相当于将函数整体矮化成了一个表达式
4)匿名函数:函数没有函数名
5)调用函数表达式,方法是给变量名加()执行,不能使用函数名加()执行
var foo1 = function () {
console.log(2);
};
9、函数数据类型
1)函数是一种单独的数据类型 Function
2)由于函数是一种数据类型,可参与其他程序
3)可把函数作为另一个函数的参数,在晾衣杆函数中调用
4)可把函数作为返回值从函数内部返回
10、arguments对象
1)JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性,也就是说所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有的实参,arguments是一个伪数组,因此可进行遍历
2)函数的实参个数和形参个数可不一致,所有的实参都会存储在函数内部的arguments类数组对象中
3)案例
11、函数递归
1)函数内部可通过函数名调用函数本身的方式,就是函数递归现象
2)递归的次数太多容易出现错误:超出计算机的计算最大能力
3)通常使用递归解决一些数学中的现象(例如输出斐波那契数列的某一项的值)
4)案例:求斐波那契数列
12、作用域
1)作用域说明:变量可以起作用的范围
2)如果变量是定义在一个函数内部,只能在函数内部被访问到,在函数外部不能使用这个变量,函数就是变量定义的作用域
3)任何一对花括号{}中的结构体都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,称之为块级作用域
注意:在es6之前没有块级作用域的概念,只有函数作用域,现阶段可认为JavaScript没有块级作用域
13、全局变量和局部变量
1)局部变量:定义在函数内部的变量,只能在函数作用域内部被访问到,在外面没有定义
2)全局变量:从广义上来说,也是一种局部变量,定义在全局的变量,作用域范围是全局的,在整个js程序任意位置都能被访问到
3)变量退出作用域之后会销毁,全局变量关闭网页或浏览器才会销毁
14、作用域链
1)只有函数可制作作用域结构,即只要有代码,就至少有一个作用域(全局作用域),凡是代码中的函数买这个函数就构成另一个作用域。如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域
2)将这样的所有的作用域列出来,可有一个结构:函数内指向函数外的链式结构,就称之为作用域链
3)案例1
function f1() {
function f2() {}
}
var num = 456;
function f3() {
function f4() {}
}
4)案例2
function f1() {
var num = 123;
function f2() {
console.log(num);
}
f2();
}
var num = 456;
f1();
15、遮蔽效应
程序在遇到一个变量时,使用时作用域查找顺序,不同层次的函数内都有可能定义相同名字的变量,一个变量在使用时,会有限从自己所在层作用域查找变量,如果当前层没有变量定义会按照顺序从本层往外一次查找,直到找到第一个变量定义,整个过程中会发生内层变量遮蔽外层变量的效果,叫做“遮蔽效应”
参数也是局部变量:含糊的参数本质是一个变量,也有自己的作用域,函数的参数也是属于函数自己内部的局部变量,只能在函数内部被使用,在函数外部没有定义
16、不写var关键字的影响
1)在函数内部想要定义新的变量,如果不加关键字var,相当于定义的全局变量,如果全局也有相同的标识符,会被函数内部的变量影响,局部变量污染全局变量
2)注意:每次定义变量时必须写var关键字,否则就会定义在全局,可能污染全局
17、函数作用域
1)函数有自己的作用域,蒂尼在那个作用域内部,只能在这个作用域内被访问,除了作用域不能被访问
2)函数定义在另一个函数内部,如果外部函数没有执行时,相当于内部代码没写
18、预解析
1)JavaScript 代码的执行是由浏览器中的 JavaScript 解析器来执行的,JavaScript 解析器执行 JavaScript 代码的时候,分为两个过程:预解析过程和代码执行过程
2)预解析过程:
1、 把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值
2、 把函数的声明提升到当前作用域的最前面,只会提升声明,不会提升调用
3、先提升 var,再提升 function
3)JavaScript 的执行过程:在预解析之后,根据新的代码顺序,从上往下按照既定规律执行 js 代码
19、声明提升
变量声明提升
1)在预解析过程中,所有定义的变量,都会将声明的过程提升到所在的作用域最上面,在将来的代码执行过程中,按照先后顺序会先执行被提升的声明变量过程
2)提升过程中,只提升声明过程,不提升变量赋值,相当于变量定义未赋值,变量内存储 undefined 值
3)在 js 中会出现一种现象,在前面调用后定义的变量,不会报错,只会使用 undefined 值
函数声明提升
1)在预解析过程中,所有定义的函数,都会将声明的过程提升到所在的作用域最上面,在将来的代码执行过程中,按照先后顺序会先执行被提升的函数声明过程
2)在预解析之后的代码执行过程中,函数定义过程已经在最开始就会执行,一旦函数定义成功,后续就可以直接调用函数
3)在 js 中会出现一种现象,在前面调用后定义的函数,不会报错,而且能正常执行函数内部的代码
提升顺序
1)预解析过程中,先提升 var 变量声明,再提升 function 函数声明。
假设出现变量名和函数名相同,那么后提升的函数名标识符会覆盖先提升的变量名,那么在后续代码中出现调用标识符时,内部是函数的定义过程,而不是 undefined
2)如果调用标识符的过程在源代码函数和变量定义后面,相当于函数名覆盖了一次变量名,结果在执行到变量赋值时,又被新值覆盖了函数的值,那么在后面再次调用标识符,用的就是变量存的新值
3)建议:不要书写相同的标识符给变量名或函数名,避免出现覆盖
函数表达式提升
1)在预解析过程中,函数表达式进行的是变量声明提升,而不是函数声明提升。提升后变量内部存的是一个 undefined。在前面进行函数方法调用,数据类型会提示错误
2)建议:定义函数时,最好使用 function 关键字定义方式,这样函数声明提升可以永远生效
函数表达式提升应用
函数声明提升可以用于调整代码的顺序,将大段的定义过程放到代码最后,但是不影响代码执行效果
20、IIFE 自调用函数
1)IIFE:immediately-invoked function expression,叫做即时调用的函数表达式,也叫做自调用函数,表示函数在定义时就立即调用
2)函数调用方式:函数名或函数表达式的变量名后面加 () 运算符
3)函数名定义的形式不能实现立即执行自调用,函数使用函数表达式形式可以实现立即执行,原因是因为函数表达式定义过程中,将一个函数矮化成了一个表达式,后面加()运算符就可以立即执行
4)启发:如果想实现 IIFE,可以想办法将函数矮化成表达式
5)函数矮化成表达式,就可以实现自调用
6)函数矮化成表达式的方法,可以让函数参与一些运算,也就是说给函数前面加一些运算符
数学运算符:+ - ()
逻辑运算符:!非运算
7)IIFE 结构可以关住函数的作用域,在结构外面是不能调用函数的
8)IIFE 最常用的是 () 运算符,而且函数可以不写函数名,使用匿名函数