噶：找不到变量：出口

Question

我已经写了可用于后端和客户端

(exports || window).Bar= (function() { 
    return function() { .... } 
})(); 

现在我的人缘测试使用PhantomJs和埋怨不存在exports变量既是一个节点模块

gulp.task('test', function() { 
    var karma = require('karma').server; 

    karma.start({ 
     autoWatch: false, 
     browsers: [ 
      'PhantomJS' 
     ], 
     coverageReporter: { 
      type: 'lcovonly' 
     }, 
     frameworks: [ 
      'jasmine' 
     ], 
     files: [ 
      'bar.js', 
      'tests/bar.spec.js' 
     ], 
     junitReporter: { 
      outputFile: 'target/junit.xml' 
     }, 
     preprocessors: { 
      'app/js/!(lib)/**/*.js': 'coverage' 
     }, 
     reporters: [ 
      'progress', 
      'junit', 
      'coverage' 
     ], 
     singleRun: true 
    }); 
}); 

我得到的错误是

PhantomJS 1.9.7 (Mac OS X) ERROR 
    ReferenceError: Can't find variable: exports 

有没有忽略出口瓦里的方式能在卡拉姆/ phantomsJs？

Answer 1

一个常见的模式通常是检查exports变量是否被定义：

(function(){ 
    ... 
    var Bar; 
    if (typeof exports !== 'undefined') { 
    Bar = exports; 
    } else { 
    Bar = window.Bar = {}; 
    } 
})(); 

这种图案用于为例 - 好，它在技术上位在源代码中更复杂，因为它支持也AMD ，但它的想法是这样的。

您也可以倒推把它当作包装功能部件的第一个参数的检查：

(function(exports){ 

    // your code goes here 

    exports.Bar = function(){ 
     ... 
    }; 

})(typeof exports === 'undefined'? this['mymodule']={}: exports); 

有更多信息看at this blog post。