مبانی TypeScript؛ ماژولها
نویسنده: وحید نصیری
تاریخ: ۱۳۹۵/۰۱/۰۹ ۱۵:۲۰
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
// periodicals.ts
export interface Periodical {
issueNumber: number;
}
export class Magazine implements Periodical {
issueNumber: number;
}
export function GetMagazineByIssueNumber(issue: number): Magazine {
// retrieve and return a magazine
} // periodicals.ts
interface Periodical {
issueNumber: number;
}
class Magazine implements Periodical {
issueNumber: number;
}
function GetMagazineByTitle(title: string): Magazine {
// retrieve and return a magazine
}
export { Periodical, Magazine, GetMagazineByTitle as GetMag} // news.ts
import { Magazine, GetMag as GetMagazine} from './periodicals';
let newsMag: Magazine = GetMagazine('Weekly News'); // kids.ts import * as mag from './periodicals';
let kidMag: mag.Magazine= mag.GetMag('Games and Stuff!'); // movie.ts
export default class{
title: string;
director: string;
} // kids.ts import AnimatedMovie from './movie’; let cartoon = new AnimatedMovie();
import {Book} from "./testmd"; testmd.ts:1Uncaught ReferenceError: exports is not defined require.js:143 Uncaught Error: Module name "testmd" has not been loaded yet for context: _. Use require([])
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css"/>
<script src="Scripts/require.js"></script>
<script src="Scripts/App/app.js"></script>
</head>
<body>
<h1>TypeScript HTML App</h1>
<div id="content"></div>
</body>
</html> {
"compilerOptions": {
"target": "es5",
"outDir": "Scripts/App",
"moduleResolution": "node",
"module": "commonjs",
"sourceMap": true,
"experimentalDecorators": true,
"emitDecoratorMetadata": true
}
} r.js:392 Uncaught Error: Mismatched anonymous define() module: function (require, exports, testmd_1) {
"use strict";
window.onload = function () {
var book = new testmd_1.Book();
alert(book.GetbookNmae);
document.getElementById("content").innerText = book.GetbookNmae;
};
} {
"compileOnSave": true,
"compilerOptions": {
"target": "es5",
"module": "system",
"sourceMap": true
}
} <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<link rel="stylesheet" href="app.css" type="text/css"/>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.22/system.js"></script>
<script type="text/javascript">
System.defaultJSExtensions = true;
System.import('app');
</script>
</head>
<body>
<h1>TypeScript HTML App</h1>
<div id="content"></div>
</body>
</html> import {Book} from "./testmd";
let book: Book = new Book();
console.log(book.bookName);
document.getElementById("content").innerText = book.GetbookNmae; System.defaultJSExtensions = true;
System is not defined
http://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.31/system.js
npm install systemjs