解决异步的方案---回调函数

用户6256742

发布于 2024-07-11 10:02:44

760

发布于 2024-07-11 10:02:44

文章被收录于专栏：网络日志

异步需要注意的问题

异步没法捕获错误，异步代码不能try catch捕获
异步编程中可能出现回调地狱
多个异步的操作在同一个时间内容同步异步的结果

高阶函数

函数作为函数的参数
函数执行结果返回函数

after函数（在xxx之后执行,可以限制达到多少次后执行此回调）

    function after(times,cb){
        return function(){
            if(--times==0){
                cb()
            }
        }
    }
    
    let fn = after(3,function(){
        console.log('达到三次了')
    })
    
    fn()
    fn()
    fn()

函数柯里化

函数柯里化就是可以把一个函数的执行需要传递的参数分多次执行

    // 通用的柯里化
    const add = (a, b, c, d, e) => {
       return a + b + c + d + e;
    };
    const curring = (fn,arr = [])=>{
        let len = fn.length
        return (...args)=>{
            arr = arr.concat(args); // [1]  [1,2,3] < 5
            if(arr.length < len){
                return curring(fn,arr)
            }
            return fn(...arr)
        }
    }
    let r = curring(add)(1)(2)(3)(4); // [1,2,3,4,5]

简单使用判断数据类型

    const checkType = (type, content) => {
        return Object.prototype.toString.call(content) === `[object ${type}]`;
    };
    let types = ["Number", "String", "Boolean"];
    let utils = {};
    types.forEach(type => {
      utils["is" + type] = curring(checkType)(type); // 先传入一个参数
    });
    console.log(utils.isString('hello'));

node文件操作

需要name和age都获取到然后输出。

    let fs = require('fs')
    let schoolInfo = {}
    function after(times,cb){
        return function(){
            if(--times==0){
                cb()
            }
        }
    }
    let fn = after(2,function(){
        consolr.log(schoolInfo)
    })
    fs.readFile('./name.txt','utf8',function(err,data){
        schoolInfo['name'] = data;
        fn()
    })
    
    fs.readFile('./age.txt','utf8',function(err,data){
       schoolInfo['age'] = data;
       fn()
    })

发布订阅

    let dep = {
        arr:[],
        emit(){
            this.arr.forEach(fn=>fn())
        }
        on(fn){
            this.arr.push(fn)
        }
    }
    dep.on(function(){
        if(Object.keys(schoolInfo).length===2){
            console.log(schoolInfo)
        }
    })
    fs.readFile('./name.txt','utf8',function(err,data){
        schoolInfo['name'] = data;
        dep.emit()
    })
    
    fs.readFile('./age.txt','utf8',function(err,data){
       schoolInfo['age'] = data;
       dep.emit()
    })

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-06-18 ，如有侵权请联系 cloudcommunity@tencent.com 删除

function