• 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
     
  • 相关阅读:
    CPP流类库与输入输出
    STL学习之mismatch();
    谷歌浏览器现在点击任何文本都会出现光标
    jQuery删除元素remove和和empty的区别
    jQuery中的鼠标离开事件mouseout和mouseleave区别
    java类中的布尔(boolean&Boolean)类型字段要注意get方法和字段的命名
    Navicat_Premium_v15 激活
    navicat注册过期修改方法
    ClassNotFoundException找不到类异常的原因package 路径eclipse自动给我在路径前面加了一个java变成了java.com.XXX
    我保存一份博客园样式代码
  • 原文地址:https://www.cnblogs.com/shangguancn/p/13589370.html
Copyright © 2020-2023  润新知