每天 10 分钟，学习 JavaScript —— （五）函数与回调函数

函数

什么是函数 ？

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

为什么要用函数 ？

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

如何定义函数 ？

• 函数声明

function fn() {
    console.log('fn()')
}

• 表达式

var fn = function () {
    console.log('fn()')
}

如何调用（执行）函数 ？

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

var obj = ()
function test() {
    this.xxx = 'test'
}
test.call(obj) //obj. test(),可以让一个函数成为指定任意对象的方法进行调用
console.log(obj.xxx)

回调函数

什么是回调函数 ？

• 自定义
• 无需手动调用
• 最终执行

常见的回调函数 ？

• dom事件回调函数
• 定时器回调函数
  • 超时定时器
  • 循环定时器
• ajax请求回调函数
• 生命周期回调函数

// dom事件回调函数
document.getElementById('btn').onclick = function () {
    alert(this.innerHtml)
}

// 定时器回调函数
setTimeout(function () { // 超时
    alert('hello')
}, 2000)
//
setInterval(function() { // 间隔循环
    console.log('hello')
}, 100)