JS进阶五——函数及回调函数

最新推荐文章于 2024-04-21 08:37:16 发布

小生听雨园

最新推荐文章于 2024-04-21 08:37:16 发布

阅读量193

点赞数 1

分类专栏： Javascript 文章标签： js javascript 函数回调函数高阶

本文链接：https://blog.csdn.net/weixin_44154094/article/details/113784258

版权

Javascript 专栏收录该内容

62 篇文章 3 订阅

订阅专栏

本文详细介绍了JavaScript中的函数概念，强调了其作为代码复用和提高可读性的关键作用。讲解了如何声明和执行函数，包括直接调用、通过对象调用、使用new操作符以及利用call/apply方法。此外，还探讨了回调函数的定义，即未被立即调用但会在特定条件或时刻执行的函数，并列举了如DOM事件、定时器和Ajax请求中的回调函数示例。

摘要由CSDN通过智能技术生成

1.抛出几个问题

1.1. 什么是函数?

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

1.2. 为什么要用函数?

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

1.3. 如何定义函数?

  * 函数声明
  * 表达式

1.4. 如何调用(执行)函数?

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

  var obj = {}
  function test2 () {
    this.xxx = 'call调用'
  }
// obj.test2()  不能直接, 根本就没有
  test2.call(obj) // obj.test2()   // 可以让一个函数成为指定任意对象的方法进行调用
  console.log(obj.xxx)

1.5什么函数才是回调函数?

  1). 你定义的
  2). 你没有调
  3). 但最终它执行了(在某个时刻或某个条件下)

1.6常见的回调函数?

  * dom事件回调函数 ==>发生事件的dom元素
  * 定时器回调函数 ===>window

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

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

  	//定时器
    // 超时定时器
    // 循环定时器
  setTimeout(function () { // 定时器回调函数

    alert("'it's time"+this)
  }, 2000)