静态函数不会在浏览器

Question

我试图让静态方法在浏览器中执行发现，但目前我无法让浏览器看到他们...

MyClass.ts

export class MyClass { 

    public static myFunc(){ 
     // Do stuff here 
    } 

} 

main.ts

import { MyClass } from './MyClass.ts'; 

现在，当我建立这个：

gulp.task('ts-compile',() => { 

    return browserify() 
     .add('./src/main.ts') 
     .plugin(tsify) 
     .bundle() 
     .on('error', function(error) { 
      console.error(error); 
     }) 
     .pipe(source('blueberry.js')) 
     .pipe(buffer()) 
     .pipe(minify({ 
      ext: { 
       min: '.min.js' 
      } 
     })) 
     .pipe(gulp.dest('build/')) 

}); 

它建立了，但输出文件没有MyClass了。

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ 
"use strict"; 

},{}]},{},[1]); 

当我尝试访问它在浏览器中，像这样：

MyClass.myFunc() 

我以下错误：

Uncaught ReferenceError: MyClass is not defined

在我main.ts文件，如果我把它添加到窗口是这样的：

import { MyClass } from './MyClass.ts'; 
window['MyClass'] = new MyClass(); 

然后我得到这个o本安输出：

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ 
"use strict"; 
var MyClass = (function() { 
    function MyClass() { 
    } 
    MyClass.myFunc = function() { 
     console.log('Found Me!'); 
    }; 
    return MyClass; 
}()); 
exports.MyClass = MyClass; 

},{}],2:[function(require,module,exports){ 
"use strict"; 
var MyClass_ts_1 = require('./MyClass.ts'); 
window['MyClass'] = new MyClass_ts_1.MyClass(); 

},{"./MyClass.ts":1}]},{},[2]); 

有了这个错误：

Uncaught TypeError: MyClass.myFunc is not a function

我无法弄清楚如何使静态的功能，在浏览器访问...

Answer 1

window['MyClass'] ---这个变量持有参考MyClass的一个实例，而不是一个类本身。显然，一个实例没有myFunc方法，因为它是静态的。

如果你想在全球MyClass变量来保存对类的引用，您的代码更改为：

window['MyClass'] = MyClass;