zoukankan      html  css  js  c++  java
  • typescript学习记录-介绍与环境(1)

    TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。

    TypeScript 由微软开发的自由和开源的编程语言。

    TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

    语言特性

    TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

    • 类型批注和编译时类型检查
    • 类型推断
    • 类型擦除
    • 接口
    • 枚举
    • Mixin
    • 泛型编程
    • 名字空间
    • 元组
    • Await

    以下功能是从 ECMA 2015 反向移植而来:

    • 模块
    • lambda 函数的箭头语法
    • 可选参数以及默认参数

    JavaScript 与 TypeScript 的区别

    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

    TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

    安装TypeScript

    有两种主要的方式来获取TypeScript工具:

    • 通过npm(Node.js包管理器)
    • 安装Visual Studio的TypeScript插件

    Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你的Visual Studio还没有安装TypeScript,你可以下载它。

    本人使用的是hb编译工具同样的可以安装相应的插件。

    重点介绍npm的方法:

    NPM 安装 TypeScript

    如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:

    npm install -g typescript

    安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:
    tsc -v
    完成上面的工作就可以试试来新建我们的第一个typescript事例:
    新建一个 test.ts 的文件,代码如下:
    var message:string = "Hello World" console.log(message)
    然后执行下面的命令:
    tsc test.ts
    之后相同的文件夹下面会生成对应的js文件:
    test.js

    最后我们利用node 环境执行test.js
    node test.js

    执行结果会显示“
    Hello World
     
  • 相关阅读:
    制作你的第一个HTML 5游戏
    拒绝臆想,让我们脚踏实地做设计!
    HTML 5或者Silverlight?
    如何替换掉回车键
    杀死团队的武器与修复团队的方法
    Google趋势中显示jQuery是最流行的JavaScript框架
    关于脚本载入器的思考
    简化Web开发的12个HTML5CSS框架
    线框图(demo草图)制作的总结
    江苏南通周边经纬度
  • 原文地址:https://www.cnblogs.com/shangguancn/p/13589370.html
Copyright © 2011-2022 走看看