使用TypeScript和Browserify如何导入和使用类更简单

Question

在这个例子中我有2个文件。一个控制器和一个模型类。

我想在我的控制器中导入模型类并使用它。

所以在我的控制器，我希望能够做到：

import carModel = require('../models/CarModel.ts'); 
var newCar:car = new car(1, "red"); 

我的模型文件：

export class Car{ 
    constructor(
     public id: number, 
     public color: string 
    ){ } 
} 

我可以把它在我的控制器在做这方面的工作：

import carModel = require('../models/CarModel.ts'); 
var newCar:carModel.car = new carModel.car(1, "red"); 

但是，我希望能够申报一辆新车而不使用carModel.car，只需使用car

我正在使用：browserify,watchify,tsify,babel在我的Gulp构建。

Answer 1

我会尝试

class Car{ 
    constructor(
     public id: number, 
     public color: string 
    ){ } 
} 
exports = Car; 

到这里看看：module.exports in typescript

如果你是刚刚起步，或许再看看ES2015导入语法与打字稿打得很好。 Typescript 1.8 - ES2015 imports in js files

Answer 2

怎么样

import {Car} from '../models/CarModel.ts'

Answer 3

我最终什么事做的是创造我想要使用该模型文件中的一个新的类。新班级将扩展我导入的模型。

import carModel = require('../models/CarModel.ts'); 
class Car extends carModel.Car{} 

现在我可以使用Car作为一种类型。