好得很程序员自学网

<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://HdhCmsTestw3.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测试数据/Forums/zh-CN/66a49cfc-a46b-4cce-861b-5211415db23e/typescript?forum=295

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

  阅读:51次