JavaScript函数
1.函数
1.1 函数的概念【重点】
函数是对一段功能代码的封装,用于代码的复用。
1.2 函数的定义方式
// 1.函数声明式(实名函数)
function 函数名(){
// 功能代码(函数体)
}
// 2.函数表达式(匿名函数)
const 变量名 = function(){
// 功能代码(函数体)
}
// 区别:
// 1.函数声明式会将函数挂在全局,任意位置均可调用
// 2.函数表达式需要先定义函数,再进行调用
1.3 调用函数【重点】
函数名();.
1.4 函数的参数【重点】
1.4.1 函数的形式参数【重点】
function 函数名(形式参数1, 形式参数2, 形式参数n){
函数体;
}
形式参数是虚假的参数,相当于参数的代号,用于接收实际的参数。
1.4.2 函数的实际参数【重点】
函数名(实际参数1, 实际参数2, 实际参数n);
实际参数是真实的参数,用于向形式参数传递参数实际的值。
1.4.3 函数参数的特性【了解】
实际参数和形式参数的位置要一一对应
多传参数,实际参数大于形式参数时,多的参数会被忽略掉
少传参数,实际参数少于形式参数时,多的参数会被赋为默认值undefined
1.4.4 函数参数的默认值
function fn(a, b){
// ES5 在函数体设置默认值
a = a || 10
b = b || 5
}
// ES6 在形参处设置默认值【常用】
function fn(a = 10, b= 5){}
1.5 函数的返回值【掌握】
1.5.1 返回值语法结构【掌握】
function fn(a, b){
let result = a + b
return result; // return 关键字,将结果返回
}
1.5.2 返回值【掌握】
函数外部需要使用函数内部运算后的结果时,就需要返回值retur
1.5.3 返回值的特性【了解】
1.函数返回值始终返回到函数的调用处
2.函数内执行return之后,函数代码不再执行
function fn(a, b){
return a + b; // 此处已经执行return,函数不再执行
return a - b; // 此处代码不会执行
}
3.函数内想返回多个值时,需要用[]或{}包裹一下再return
1.6 函数定义三部曲【了解】
一部曲:从大局分析,根据语义环境,语义化命名函数--确定函数名 add
二部曲:从函数内部入手,根据参与运算的参数--确定参数的个数、名字 num1,num2
三部曲:从函数外部入手,根据外部是否需要使用函数的运算结果--确定是否需要返回值 return num1 + num2
2.系统函数【掌握】
函数名 作用
parseInt(值) 转换为整数
parseFloat(值) 转换为浮点数
Number(值) 转换为数字
String(值) 转换为字符串
Boolean(值) 转换为布尔值
isNaN(值) 判断传入的值是否是数字,是数字返回false,反正返回true
推荐阅读:
扫描二维码,在手机上阅读