打字稿調用靜態函數從其他模塊

Question

我有一個問題，當我想在另一個模塊中創建全局函數

utils.ts文件（包含全局函數）

/// <reference path="jquery/index.d.ts" /> 
/// <reference path="knockout/index.d.ts" /> 
'use strict'; 

module com.test.project { 
    export class utils { 
     self: any; 

     constructor() { 
      this.self = this; 
     } 

     public postData(url: string, data: any): any { 
      var dfd = $.Deferred(); 
      $.ajax({ 
       url: url, 
       data: JSON.stringify(data), 
       type: 'post', 
       contentType: "application/json; charset=utf-8", 
       dataType: 'json', 
       cache: false, 
       success: function(result) { 
        return dfd.done(result); 
       }, 
       error: function(result) { 
        return dfd.reject(result); 
       } 
      }); 
     } 
    } 
} 

login.ts（稱之爲全球函數內）

/// <reference path="jquery/index.d.ts" /> 
/// <reference path="knockout/index.d.ts" /> 
'use strict'; 

module com.test.project.login { 
    export class ScreenModel { 
     self: any; 
     userName: KnockoutObservable<string>; 
     password: KnockoutObservable<string>; 

     constructor() { 
      this.self = this; 
      this.userName = ko.observable("") as KnockoutObservable<string>; 
      this.password = ko.observable("") as KnockoutObservable<string>; 
     } 

     private submit(): void { 
      var dataObject = { 
       "userName": this.userName(), 
       "password": this.password() 
      } 
      // ↓ error here 
      com.test.project.utils.postData("loginService.do", dataObject).done(function(result) { 
       window.location.href = "index.do"; 
      }).reject(function(result) { 
       alert("error"); 
      }); 
     } 
    } 

    $(document).ready(function() { 
     ko.applyBindings(new ScreenModel()); 
    }); 
} 

模塊com.test.project內部，並在類utils的，通常地，內部像com.test.project模塊的全局函數調用者。[functi全局函數在]和類ScreenModel中。 如何在ScreenModel類中調用全局函數？

Answer 1

我覺得你對Java風格的想法太多了：我建議你在utils模塊中聲明一個名爲postData的函數並在你的登錄模塊中導入該對象。

事情是這樣的：

export const utils = { 
    postData(url, data) { 
    $.ajax({}) 
    } 
} 

// .... 

import { utils } from './utils' 
utils.postData(url, data) 
... 

OR

出口只是你util功能

export function postData(....) 

import { postData } from './utils' 
postData() 

Answer 2

您已經在您的問題標題中有：您必須聲明它爲static，例如， public static postData。生成的JavaScript有很大差異，請參閱typescript playground。

如果沒有靜態，函數將被分配給原型，因此您需要該類的一個實例來調用該函數。