靜態函數不會在瀏覽器

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;