Question

我正在为我的项目寻找更好的日志/调试方法。所以我提出了使用自定义指令的想法，比如'use strict'。

是否可以写这样的东西

function xyz () {
   'loglevel: info';
   /// Some other code
   logging.debug("foobar");
}

如果xyz有一个指令loglevel＆gt; = info，logging.debug将不会记录消息。

这可能吗？

Answer 1

如果没有一些真正的hackery将当前函数转换为字符串并检查指令，那么你不能创建这样的指令。不值得花时间检查。但是你可以使用功能装饰器来执行相同的功能，让你的头脑变得有点棘手，但是一旦你这么做就非常强大。

我应该提一下，es7将有更容易的装饰器来实现。它们仍然以相同的方式创建。它们是一个函数，它返回一个函数来代替原始函数。但他们有糖，例如。

抱歉，我无法停止，所以走得有点远。但现在它是一个非常完整的例子。

@logLevel('warn')
function xyz(){
  // do some stuff
}

或

@logLevelInfo
function abc(){
  // do some stuff
}

＆＃13;

// if this is false the logging will not occur
var __debug__ = true;
var __debug_levels__ = ['error', 'warn'];

// decorator to create a log level function. this is a function
// that takes the log type, that returns a function that takes the
// function you want to decorate with the logging functionality 
// that returns the decorated function that you call as xyz( ...arguments ).
function logLevel( type ) {
  return function logger(fn) {
    return function() {
      // save time if __debug__ is false
      if( __debug__ ){
        // run the decorated function and get the result
        // may as well wrap it in a try catch in case there are any errors
        try {
          var result = fn.apply(this, arguments);
        } catch( e ){
          console.error( e );
        }
        if( __debug_levels__.indexOf( type ) > -1 ){
          // log the result to the console or whatever functionality you require
          console[ type || 'log' ](result);
        }
        // return the result so you can do something with the result
        return result;
      }
      return fn.apply(this, arguments);
    }
  }
}

// this will return the first function that takes the function to decorate
var logLevelInfo = logLevel('warn');
var logLevelDebug = logLevel('error');


// here we are using the decorators to wrap the original function
var xyz = logLevelInfo(function xyz( arg ) {
  return arg + 'bar';
});

// same here but we are using the other decorator
var abc = logLevelDebug(function abc( arg ){
  return arg + 'baz';
});

// these functions have been decorated to perform the logging
// functionality on the returned result
xyz('foo'); //=> 'foobar'
abc('foo'); //=> 'foobaz'

＆＃13;

<script src="http://codepen.io/synthet1c/pen/WrQapG.js"></script>

＆＃13;

Answer 2

{
  "presets": ["es2015", "react"]
}

自定义'use strict'like指令

2 个答案: