标示符重复”？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
posted @ 2014-03-12 14:01  happyu0223  阅读(958)  评论(0)  编辑  收藏  举报