自定义“使用严格”类似指令答案

【问题标题】：custom 'use strict' like directives自定义“使用严格”类似指令
【发布时间】：2023-03-16 13:46:01
【问题描述】：

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

这样写可以吗

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

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

这可能吗？

【问题讨论】：

可能有一些复杂的黑客攻击，但一个更更简单的解决方案就是logging.level = 'info';。
除非您编写一个自定义预处理器来解析文件并为您替换日志记录语句，否则这是不可能的。
我认为您正在寻找“装饰者”。

标签： javascript use-strict

【解决方案1】：

不，如果没有将当前函数转换为字符串并检查指令的真正技巧，您就无法创建这样的指令。不值得花时间检查。但是，您可以使用函数式装饰器来执行相同的功能，这有点难以理解，但一旦完成就会非常强大。

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

对不起，我停不下来，所以有点远。但现在这是一个非常完整的例子。

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

或

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

// 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'

&lt;script src="http://codepen.io/synthet1c/pen/WrQapG.js"&gt;&lt;/script&gt;

【讨论】：

值得一提的是，Babel 中提供了带有适当预设的装饰器。

【解决方案2】：

function Log(level)
{
    var levels = { 'debug': 10, 'info': 20};

    function write(lvl)
    {
        var handle = function(msg)
        {
            if (levels[lvl] <= levels[level]) 
                console.log(lvl + ': ' + msg);
        };

        return handle;
    }

    for (var i in levels)
    {
        this[i] = write(i);
    }
}

var log1 = new Log('info');
log1.info('hello'); // will result with an output
log1.debug('hello'); // still has an output output

var log2 = new Log('debug');
log2.info('hello'); // no output here

【讨论】：