javascript -- 回调函数之美

2024年2月17日 165次阅读 来源: 镰月

javascript — 回调函数

  • 在高等言语屡见不鲜的年代, 各个言语都号称有着统统皆为对象的骄傲说法, 而 js 作为一门脚本言语却相对于java等传统面向对象言语有很大的不同的处所, 除了 js 诡异的继续系统以外, 最使人入神的一个特征就是回调函数, 固然也有很多人对他诟病, 笔者以为 回调函数 和 异步 是js言语特征的两大最为凸起的店, 固然正如一切长处须要满足自我的需求, 这个天下没有银弹, 比方大批的运用回调函数将会使你的代码冗余, 紊乱影响代码人的视觉与头脑体验.
  • 本文是本身对进修回调函数的的体味, 不免不完美以至毛病, 谅解我的蒙昧, 我愿虚心进修, 完美本身.

javascript最奇特的就是 函数 作为一等国民, 我更情愿将 js 称为统统皆为 变量 的一门高等言语, 函数也是一种变量可以成为其他函数的参数, 我们喜好在js中称之为回调函数, 别的js中的匿名函数可以作为函数参数使得回调函数的写法瓮中之鳖.

ps. 回调函数与 c 言语中的函数指针相似—指针指针指针!!!主要的事变说三遍

  • 先来看一下回调函数的定义
    In computer programming, a callback is a piece of executable code that is passed as an argument to other code, which is expected to call back (execute) the argument at some convenient time
    回调函数是一段可实行的代码段，它作为一个参数通报给其他的代码，其作用是在须要的时刻轻易挪用这段（回调函数）代码。

回调函数

    function addSqua(num1, num2, callback){
        var sum = num1 + num2;
        return callback(sum);
    }
    
    function squa(num){
        return num*num;
    }
    
    let num  = addSqua(1, 2, squa);        
    console.log(num);
    //=>9

匿名回调函数

将匿名函数直接作为函数参数通报给函数, 这也是我们编程平常采纳的     
function addSqua(num1, num2, callback){
  var sum = num1 + num2;
  return callback(sum);
}
let num  = addSqua(1, 2, function squa(num){
  return num*num;
});        
console.log(num); 
//=9

模拟数组中的every要领

在Array.prototype中增加相似与every一样的要领

    Array.prototype.myEvery = function (callback) {
      if (typeof callback === 'function') {
        for (let i = 0; i < this.length; i++) {
          if (callback(this[i])) {
            return false;
          }      
        }
        return true;
      }
      return true;
    }
    
    let op = [3, 6, 'every', 9,'each'];
    op.myEvery(function (value) {
      console.log(value);
    })
    // 3
    // 6
    // 'every'
    // 9
    // 'each'

回调函数特性

  1. 不会马上实行,
    正如定义中给出的一样回调函数作为代码片断可以根据须要在其特定条件下实行, 回调函数作为参数通报给一个函数的时刻，通报的只是函数的定义并不会马上实行。
  2. this
    ES6推出了箭头函数, 箭头函数的推出须要在写回调函数的时刻分外注重, this 是指向地点函数的上下文对象, 假如在在ES6采纳箭头函数则须要注重 this运用, 箭头函数中this并没有上下文关联直说, 有兴致的可以检察ES6 阮一峰, 再次奉上传送门

回调函数的长处和运用场景
是个闭包

  1. 回调函数是闭包的简朴运用，也就是说它能访问到其外层定义的变量。

回调函数之美

  • DRY，防止反复代码。
  • 可以将通用的逻辑笼统。
  • 营业逻辑星散 (it’s so beautiful ^-^ ^-^)
  • 进步代码可维护性和可读性。
  • 增强代码可读性。
  • 星散专职的函数。

js回调函数的巨大的处所是其他传统言语所没有的, 它可以完成营业逻辑星散, 相当于暴露给外界一个接口, 这一点像极了前后端星散架构中的 API 接口设想理念

这个天下没有 ‘银弹’ , 没有可以处理一切事变的一种计划, 因为js为异步而生, 回调函数用的最多的处所, 也是最适合的处所就是异步编程, 但是大批的运用会使得程序员的代码冗余, 有很大的不可读行, 体验极差, 干脆让人愉快的事, 人们从来没有住手过对本身舒适度的寻求, 笔者会在别的之前文章中详细简述 js 的异步处理计划 这里奉上传送门 js 异步处理计划

    原文作者：镰月
    原文地址: https://segmentfault.com/a/1190000013148256
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞