js中的回调函数

  • 一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做otherFucntion),回调函数在otherFunction中被调用

回调函数原理: 

        假如你去商店买东西,刚好你要的东西商店没货,于是你在店员那里留下了你的电话号,过了几天 商店有货了,店员就打了你的电话,然后你接到电话就到店里去取货了,在这里例子中, 你的电话号就叫做回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件 店员给我打电话叫做调用回调函数,我去店里取货叫做响应回调事件

js中的函数可以作为参数进行传递




页面执行之后:

执行回调函数的基本原理:

传递参数给回调函数:

   两种回调函数传参的方法

   第一种: 将回调函数的参数作为回调函数同等级的参数进行传递

//匿名函数作为回调函数
var generalLastName = "Cliton";

    function getInput(options, callback) {
      var arr = [];
      arr.push(options);
      //将全局变量generalLastName传递给回调函数
      callback(generalLastName, arr);
    }
    getInput({
      name: "Rich",
      speciality: "Javascript"
    }, function (generalLastName, arr) {
      console.log(generalLastName + ":" + arr[0].speciality) // Cliton:Javascript
    });


//命名函数作为回调函数
var generalFirstName = "Eric";

    function gotInput(options, call) {
      var arr = [];
      arr.push(options);
      //将全局变量传递给回调函数
      call(generalFirstName, arr);
    }

    function calltest(generalFirstName, arr) {
      console.log(generalFirstName + ":" + arr[0].speciality) // Cliton:Javascript
    }
    gotInput({
      name: "rich",
      speciality: "Javascript"
    }, calltest)

js中的回调函数_第1张图片

第二种:回调函数的参数在调用回调函数内部创建 

var generalFirstName = "Eric";

    function gotInput(call) {
      var arr = [{
        name: "rich",
        speciality: "Javascript"
      }];
      arr.push(generalFirstName);
      //将全局变量传递给回调函数
      call(arr);
    }
    function calltest(arr) {
      console.log(generalFirstName + ":" + arr[0].speciality) // Cliton:Javascript
    }
    gotInput(calltest)

你可能感兴趣的:(#,JavaScript)