• 初识Typescript以及Typescript的安装


    一、Typescript是什么?
    Typescript是JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。
    其实TypeScript就是相当于JavaScript的增强版,但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性,提高生产力,它将极大增强JavaScript编写应用的开发和调试环节,让JavaScript能够方便用于编写大型应用和进行多人协作。
    二、Typescript和Javascript的对比?
    1、TypeScript是一个应用程序级的JavaScript开发语言。(这也表示TypeScript比较牛逼,可以开发大型应用,或者说更适合开发大型应用)
    2、TypeScript是JavaScript的超集,可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的,我们用更好的代码编写方式来进行编写,最后还是有好生成原生的JavaScript语言。
    3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方,都可以运行我们写的程序,设置在node.js里。
    4、TypeScript始于JavaScript,终于JavaScript。遵循JavaScript的语法和语义,所以对于我们前端从业者来说,学习前来得心应手,并没有太大的难度。
    5、TypeScript可以重用JavaScript代码,调用流行的JavaScript库。
    6、TypeScript提供了类、模块和接口,更易于构建组件和维护。

    三、安装Typescript包
    Tip:安装node
    1、安装typescript包:

        sudo npm install typescript -g   // (mac需要添加sudo,window则不需要)   
        tsc -v // 查看版本号
    
    2、编写hello world
    (1)初始化项目
    
        npm init -y
    
    (2) typescript配置文件 
    
        tsc --init
    
    (3)安装@type/node(解决模块声明问题)
    
        npm install @types/node --dev-save
    
    (4)创建编写HelloWorld.ts文件
    
        touch HelloWorld.ts
        var a:string = 'HelloWorld'
        console.log(a)
    
    (5)将HelloWorld.ts转换为HelloWorld.js,并运行
    
        tsc HelloWorld.ts  // 将ts装换为js文件
        node HelloWorld.js    // 运行HelloWorld.js
        HelloWorld  // 终端打印结果
    
    3、ts转换为js的过程
    

  • 相关阅读:
    单例模式
    工厂方法模式
    简单工厂模式
    LoadRunner11.0下载及安装链接~(By网络)
    lombok 介绍及基本使用方法
    360浏览器拦截弹窗,window.open方式打不开新页面
    js生成二维码
    Filter过滤器的写法
    JavaScript获取浏览器类型与版本
    如何截取date类型的年月日部分?
  • 原文地址:https://www.cnblogs.com/judeyq/p/12212466.html
Copyright © 2020-2023  润新知