好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

标示符重复”?TypeScript运用

1)定义接口。

2)定义公共变量(必须在js中定义)。

3)引用头文件。

4)同时引用头文件和实现头文件的js文件(TS可以删除)到页面中,完整代码如下:

【MyClass.js】:

var  MyModule; ( function  (MyModule) {      var  MyClass = ( function  () {          function  MyClass() {              this .msg =  null ;         }         MyClass.prototype.Calling =  function  () {             alert( this .msg);         };          return  MyClass;     })();     MyModule.MyClass = MyClass; })(MyModule || (MyModule = {})); var  $ =  new  MyModule.MyClass(); var  MyClass = $;

【Main.d.ts】:

 /** 
 *定义公开变量的全部公开属性以及方法 
 */ 
 interface  IMyClass {
    msg:  string ;
    Calling():  void ;
}
 /* 
 *该变量必须在某个js中存在 
 */ 
 declare   var  $: IMyClass;

【另外一个ts】

 /// <reference path="HeaderFiles/Main.d.ts" /> 
$.msg =  "你好,这是头文件调用" ;
$.Calling();

【Html】

 <!  DOCTYPE   html  > 
 <  html   xmlns  =  "http://www.w3.org/1999/xhtml"  > 
 <  head  > 
     <  title  ></  title  > 
     <  script   src  =  "Scripts/JsFiles/MyClass.js"  ></  script  > 
     <  script   src  =  "Scripts/TsFiles/file1.js"  ></  script  > 
 </  head  > 
 <  body  > 
    Hello world!
 </  body  > 
 </  html  > 
from: http://social.msdn.microsoft.com/Forums/zh-CN/66a49cfc-a46b-4cce-861b-5211415db23e/typescript?forum=295

查看更多关于标示符重复”?TypeScript运用的详细内容...

  阅读:46次