• TypeScript入门与编译的配置


    JS 维护成本高,面向对象写起来麻烦。
    没有变量类型,使用运算存在隐患,而且不报错
    不适合在大型项目中运用。

    TS: 以JavaScript为基础构建的语音,一个JavaScript的超级。
    可以在任何支持JavaScript的平台中执行,扩展了JavaScript并添加了类型.
    TS不能在JS解析器直接执行。要将TS转为JS

    TypeScript 的开发环境

    1、安装node.js
    2、使用npm安装TypeScript    npm i -g typescript
    3、创建一个ts文件
    4、使用tsc对ts文件进行编译     tsc xxx.ts
    
    • 1
    • 2
    • 3
    • 4

    编译选项
    更改了文件之后自动编译 tsc xxx.ts -w
    上面是单个文件,如果多个文件需要新建 tsconfig.json
    直接运行 tsc 可编译全部文件

    {
        // 是编译器的配置文件
        //include 用来指定哪些ts文件需要被编译  files 也是一样,files 指定的是单个文件的路劲
        // "include": [
        //     "./src/**/*"  // ** 表示任意文件 ,*表示任意目录
        // ],
        // "exclude": [ // 除了什么不编译
        //     "./src/test/**/*"
        // ],
        // 编译器的选项
        "compilerOptions": {
            "target": "ES3", // 编译成ES版本,默认es3
            "module": "ES2015", // 指定使用模块化规范
           // "lib": ["es6,"dom"],// 项目中使用的库,一样不用
           "outDir": "./dist",// 编译后文件所在目录,
         //  "outFile": "./dist/app.js", // 将编译后代码合并到一个文件,如果使用了module 模块化 值要是 "amd" 和 "system" 
            "allowJs": false, //是否对原生js文件进行编译,默认是false
            "checkJs": false,// 检查JS代码是否符合语法规范,默认是false 
            "removeComments": false,// 是否移除注释  默认false
            "noEmit": false,// 不生成编译后的文件,  默认false
            "noEmitOnError": false,// 有错误是不生成编译后的文件,  默认false
            "alwaysStrict": false,// 用来设置编译后的文件是否使用严格模式,默认false  "use strict"
            "noImplicitAny": false,// 不允许隐式的any类型 默认false
            "noImplicitThis": false,// 不允许不明确类型的this  默认false
            "strictNullChecks": false,// 严格的检查空值。
            "strict": false,// 所有严格检查的总开关,
    
        }
     
    }
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31


    实例属性:通过对象的实例是访问
    静态属性:直接通过类访问
    readonly: 只读属性

    关于this :构造函数(constructor)中this是当前对象
    类(class)的方法中的this 表示当前调用方法的对象

    抽象类:
    抽象方法:使用abstract开头,没有方法体,只能定义在抽象类中
    继承了抽象类必须实现抽象方法

    接口
    接口可以定义类的时候去限制类的结构,用来定义类中应该包含哪些属性和方法
    同时接口也可以当成类型声明去使用;
    接口中的所有属性都不能有实际的值,接口只定义
    接口中的所有方法都是抽象方法;

  • 相关阅读:
    自学Python 58 Socket套接字编程 (一)
    java-php-net-python-校园后勤计算机毕业设计程序
    Ubuntu18.04安装nvidia显卡驱动
    【MATLAB教程案例27】基于matlab的图像配准算法的仿真与分析——sift,surf,kaze等
    2023年中国功效护肤品市场发展概况分析:行业市场成熟度高[图]
    8-4 Prometheus服务发现
    商业地产数字化转型分析
    Prime Protocol宣布在Moonbeam上的跨链互连应用程序
    C语言--每日五道选择题--Day3
    计算机网络复习
  • 原文地址:https://blog.csdn.net/weixin_43506403/article/details/127851483