函数是什么？
函数是语句的集合
函数是执行特定任务的代码块
函数是可重复执行特定任务的代码块。三层含义
函数是语句的集合
每个函数都执行特定的任务，一般讲，函数都必须求值
函数只定义一次，可以调用无数次注意：如果只定义函数不调用，那么函数永远不会执行。
定义函数
函数声明
- 就是使用function关键字定义的函数。
function 函数名(形参1，形参2，...形参N){
//语句的集合
return
alert（"hello2"）//不会执行，return终止函数执行
}
语法：
- function：定义函数的关键字
- 函数名：是一个标识符。我们约定：使用动词命名函数。
- 形参：形式上的参数。形参用于接收实参。实参就是程序运行中操作的值。
- return：返回语句运行的结果。特点：终止函数执行。
函数表达式
- 函数表达式也是使用function关键字定义的函数表达式。
function (形参1，形参2，...形参N){
//语句的集合
return
}
函数表达式和函数声明的区别：
- 有名和无名
- 语句和表达式
- 函数声明语句会创建变量，函数表达式不会。
- 函数声明变量会提升，函数表达式不会
箭头函数
是什么
箭头函数是一种语法糖：让我们使用简洁的箭头定义语法。
示例：
(a,b) =>{
let c = a+b
return c
}
(a,b) =>{return a+b}
（a,b）=> a+b
a => a*a
function fn2(){consloe.log("hello")}
()=>console.log("hello")
语法：
- 箭头用于分割参数和函数体
- 省略function关键字
- 省略函数名
- 如果函数体只有一条return语句，那么可以省略return关键字和大括号
- 如果只有一个参数，可以省略小括号
- 如果没有参数，必须有小括号
箭头函数的特点
- 箭头函数是表达式
调用函数
五种方法：
函数调用：函数调用是调用函数的常规方法：函数名（arg）
方法调用：
方法：如果一个对象的属性是一个函数，我们就说它是一个方法。
方法调用是通过对象的属性调用函数：对象名.方法（）构造函数调用：new构造函数（）：Number String Array Object Boolean
间接调用：通过函数自身的方法调用函数
自调用：自己调用自己 自执行
隐式调用
函数参数的基础知识
参数是什么
参数是函数调用时，传入到函数体内的值。在函数体内对值进行处理，把处理结果使用return返回出去。
参数的分类
- 形参：形式上的参数。形参出现在定义函数定义时。行参是函数体内的局部变量。形参用于接收实参，英文:parameter => para
- 实参：实际传入的参数，实参出现在调用函数时。实参通过形参进入函数体内，英文：arguments => args
形参的默认值
定义函数时不检查参数类型，调用函数时不坚持参数数量。
示例
//JS:定义函数时它不检查参数类型 调⽤函数时不检查参数数量
function sum(a=0, b=0) {
//传统检测参数的⽅法
// if(b){
// return a + b
// } else if(a) {
// return a
// } else {
// return 0
// }
//在繁琐的检测参数的背景下，形参默认值语法出现
return a + b
}
console.log(sum())//NaN => 0
console.log(sum(2))//NaN => b = 0 || 忽略b
console.log(sum(2,9))//11
console.log(sum(2,9,5))//11
剩余参数
arguments是函数体内的一个内置数组，通过它能获取到所有的实参
- 剩余参数是取代arguments对象的一种方案。用于接收多余的实参。
- 剩余参数是一个标识符，标识符前面有三个点：...args
- 剩余参数是一个数组
- 剩余参数必须放在列表参数的最后一位。
- 剩余参数是先传入实参，再传入剩余参数。
实列：找最大数
function max(a,...aaa){
let maxValue = -Infinity
for(n of aaa){
if(n>maxValue){
maxValue = n
}
}
return maxValue
}
let resule = max(1,10,100,1000,-10000)
console.log(resule )//1000
?. （可选链运算符）
- ?. 可以无限链下去，不论有多少属性，只要有最后可以访问到属性，就会直接赋值最后的属性值。否则当任何一个链出现问题，立刻停止，而后赋值undefined。
函数作的用途
1.函数的本职责功能：复用代码
通过语法定义一种形式，通过这种形式我们可以重复调用代码，从而增强代码的复用性。
2.函数作为值：把函数看作数据。
- 把函数赋值给一个变量。
let sing = functiom(){
console.log("嘿嘿嘿")
}
- 把函数赋值给对象的属性
let student = {
name : "zhangsan",
age:19
sing:function (){console.log("hhh")}
}
- 把函数赋值给数组元素
let arr = [1,2,student.sing]
- 把函数赋值给形参
sort()方法帮助我们理解函数
(a,b,function(){
console.log("hello)
}) =>{
}
array.sort
定义:array.sort()对数组元素就地排序并返回排序后的数组。
语法1：在不传递参数的情况下，使用sort的工作原理
let arr = [20,3,1,100]
arr.sort()
console.log(arr)//1,100,3,20
let arr = [20,3,1,100]
//1 -> 49 2->50 3->51 1 ->49
arr.sort()
console.log(arr);//[ 1, 100, 20, 3 ]
let arr2 = ['d','a',3,'A','y']
arr2.sort()//? [3,'A','a','d','y']
将数组元素转字符串然后比较它们的UTF-16编码。
默认升序排序
如果编码相同，那么按照原有顺序排序
语法2：使用比较函数排序的语法
array.sort(compareFun)
Compare:⽐较 fun：function函数
copareFun: 这是ECMAScript的内置函数，内置在sort函数体内。
在⽐较两个值的时候，将值发送给⽐较函数，⽐较函数会返回负值、0、正直
- a>b 升序
- a<b 降序
let arr = [20,3,1,100]
arr.sort((a,b) => a > b)//隐式return
console.log(arr);
函数作为命名空间
函数的⽤途：保证函数体内的变量不会污染到全局命名空间
var a = '你好'
;(function (){
//假设下⾯是外来的可复⽤代码，放在函数体内，a就变成了局部变量，避免与外部的全局变量a发⽣冲突
let a = 'hello'
var aa = 'hell'
}())
// console.log(a)
console.log(window.a);//变量a的副作⽤是影响到了window对象，因为在全局下定义的属性都会成为window对
象上的⼀个属性
console.log(window.fn)//变量fn的副作⽤是影响到了window对象，因为在全局下定义的函数都会成为window
对象上的⼀个⽅法
//所以我们可以去掉函数名，添加⼩括号，改成⾃执⾏函数来解决window对象上的副作⽤
;(function(){
let a = 'hello'
var aa = 'hell'
}())
