JS高级 -- 函数

1. 函数

1. 什么是函数？

• 实现特定功能的n条语句的封装体
• 只有函数是可以执行的，其他类型的数据是不能执行的

2. 为什么要用函数？

• 提高代码复用
• 便于阅读交流

3. 如何定义函数？

• 函数声明

function fn1() {
    console.log('fn1()');
}

• 表达式

var fn2 = function () {
    console.log('fn2()');
}

4. 如何调用(执行)函数？

• test() – 直接调用
• obj.test() – 通过对象调用
• new test() – new 调用
• test.call/apply(obj) – 临时让test 成为obj 的方法进行调用
  

2. 回调函数

1. 什么函数才是回调函数？

• 你定义的
• 你没有调用
• 但最终它执行了

2. 常见的回调函数

• dom 事件回调函数

document.getElementById('btn').onclick(function () {
    alert('爱我中华')
})

• 定时器回调函数

setTimeout(() => {
    alert('我爱学习，学习爱我')
},2000)

• ajax 请求回调函数
• 生命周期回调函数