zoukankan      html  css  js  c++  java
  • JavaScript实现依赖注入

    var cache = {};

    // 通过解析Function.prototype.toString()取得参数名
    function getParamNames(func) {
        // 正则表达式出自http://krasimirtsonev.com/blog/article/Dependency-injection-in-JavaScript
        var paramNames = func.toString().match(/^functions*[^(]*(s*([^)]*))/m)[1];
        paramNames = paramNames.replace(/ /g, '');
        paramNames = paramNames.split(',');
        return paramNames;
    }
    var injector = {
        // 将func作用域中的this关键字绑定到bind对象上,bind对象可以为空
        resolve: function (func, bind) {
            // 取得参数名
            var paramNames = getParamNames(func);
            var params = [];
            for (var i = 0; i < paramNames.length; i++) {
                // 通过参数名在cache中取出相应的依赖
                params.push(cache[paramNames[i]]);
            }
            // 注入依赖并执行函数
            func.apply(bind, params);
        }
    };
      
    function Notebook() {}
    Notebook.prototype.printName = function () {
        console.log('this is a notebook');
    };
      
    function Pencil() {}
    Pencil.prototype.printName = function () {
        console.log('this is a pencil');
    };
      
    function Student() {}
    Student.prototype.write = function (notebook, pencil) {
        if (!notebook || !pencil) {
            throw new Error('Dependencies not provided!');
        }
        console.log('writing...');
    };
    // 提供notebook依赖
    cache['notebook'] = new Notebook();
    // 提供pencil依赖
    cache['pencil'] = new Pencil();
    var student = new Student();
    injector.resolve(student.write, student); // writing...
  • 相关阅读:
    【重要】ASCII码表
    深入了解php opcode缓存原理
    php 请求参数限制
    【Demo】 生成二维码 和 条形码
    【Demo】HTML5 拍照上传
    jq cookie的使用
    vue.js中的v-for输出数组理解
    js无限轮播的写法
    HTML5视频的使用总结
    angular报错总计
  • 原文地址:https://www.cnblogs.com/Bideam/p/7156500.html
Copyright © 2011-2022 走看看