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

编译选项
更改了文件之后自动编译 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,// 所有严格检查的总开关,

    }
 
}


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

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_43506403/article/details/127851483