• 什么是javascript的中间件?


    第一次写博客,有点想在博客园试水的感觉,也分享下觉得有用的东西(源码自己写的)

    什么是javascript中间件呢?函数middle就是用来构建中间件的,我用例子说明下

    下面我定义了一个函数use,在use第一个参数传入一个回调函数,如下

    function use(func){
        func("参数1","参数2")
    }
    //正常的传入回调函数的用法。
    
    var func=function(req,res){
    
        console.log(req)//=>参数1
        console.log(res)//=>参数2
    }
    use(func)
    //使用中间件构建,如下,middle函数在下面有定义,往下看
    var func=middle(function(req,res,next){
      console.log("这里是新添加中间部分")
        console.log(req)//=>参数1
        console.log(res)//=>参数2
        next() ;//next指向下一个函数
     
    },function(req,res,next){
      console.log("这里是新添加中间部分")
        console.log(req)//=>参数1
        console.log(res)//=>参数2
        next() ;//next指向下一个函数
     
    },function(req,res,next){
     //这是原始的函数
        console.log(req)//=>参数1
        console.log(res)//=>参数2
     
    })
    use(func)
    中间件的用法就这么简单,但是功能很强大,想想你可以在nodejs中监听网页链接的时候,可以把用户验证、查找数据、显示数据都分离出来,通过中间件组合成一个最终你想要的逻辑函数,想想就觉得痛快。
    中间件的源码如下,代码很少,你也可以去github里面下载源码,https://github.com/caoke90/middle/blob/master/middle.js
    var middle=function(){
        var next=function(func1,func2){
            return function(){
                var arg=Array.prototype.slice.call(arguments)
                var arr=[].concat(arg)
                arg.push(function(){
                    if(typeof func2=="function"){
                        func2.apply(this,arr)
                    }
                })
                return func1.apply(this,arg);
            }
        }
        var arg=Array.prototype.slice.call(arguments)
        var func=arg[arg.length-1]
        for(var i=arg.length-2;i>=0;i--){
            func=next(arg[i],func)
        }
        return func
    }
    写完后有爽快的感觉,各位大大如果觉得喜欢的话,攒个吧,我会继续努力的。
  • 相关阅读:
    视频播放
    调用原生硬件 Api 实现照相机 拍照和相册选择 以及拍照上传
    获取设备信息 以及 获取地 理位置
    flutter_html 和 WebView 解析html 和 build.gradle源码
    flutter Dio()网络请求
    AlertDialog 、SimpleDialog、 showModalBottomSheet、showToast 自定义 Dialog
    前端小白页面开发注意事项及小工具(htmlcssjs)
    box-shadow 画叮当猫
    什么是冒泡排序?
    console.log
  • 原文地址:https://www.cnblogs.com/caoke/p/middle.html
Copyright © 2020-2023  润新知