TypeScript中的编译环境(1)

相关的配置选项如下

include

1)路径

  • ** 表示任意目录

  • *表示任意文件

  • 定义希望被编译文件所在的目录

  • 默认值[ "**/*" ] 表示编译所有的文件

示例:

“include”: [

“./src/**/*”

]

exclude:表示除了这些文件,其他都编译

files:列出需要编译的文件

compilerOptions:包含重要的配置,其中有很多子选项

  • target:用来指定ts被编译为es的版本 ES2016|ES2015

  • “module”:指定使用模块化的规范,其可取值如下:

在这里插入图片描述

  • lib:指定项目需要哪些库(默认情况下不改)

  • outDir:指定编译后的文件所在的目录

  • outFile: 将编译后的文件合并到一个文件中,此时只是全局作用域

  • allowJs:表示是否对js文件进行编译(boolean值)

  • checkJs:是否检查js代码是否符合语法规范,默认false

  • removeComments:编译时是否移除注释

  • noEmitOnError:错误时不生成编译后的文件

  • alwayStrict:是否使用严格模式(类似于js中使用“use strict”)

使用webpack打包ts文件

1)首先初始化项目 npm init

2)下载依赖在这里插入图片描述

2.面向对象
2.1类

在类中,所定义的属性在构造函数中为其赋值(初始化)

class Person{

//直接定义的属性:实例属性,需要通过对象的实例访问

name:string=“huangzhizhen”;

age:number=17;

//若使用static关键字,则可以定义类属性(静态属性),可以直接通过类访问

static age:number=18

//方法(和属性一样,加static可变成静态方法)

say(){

}

constructor(name:string,age:number){

//构造函数,会在对象被创建时调用

//在实例方法中,this就表示当前对象

//属性赋值在构造函数中

this.name=name;

this.age=age

console.log(this);

}

}

//创建对象可以看成是调用了该类的构造函数

const per=new Person(‘xiaohei’,4)

const per2=new Person(‘xiaobai’,5)

console.log(per+per2)

  • 因此,在使用类创建对象的new后面实质跟的是构造函数,通过new 构造函数来初始化对象的属性,为其赋值

  • 在这里插入图片描述

3.继承
3.1 实例
  • 继承即可以将其他类的属性引入到当前类中

  • 通过继承可以在不修改类的情况下对类进行扩展

console.log(‘huangzhizhen’)

class Animal {

name: string;

age: number;

constructor(name: string, age: number) {

this.name = name;

this.age = age;

}

run() {

console.log(‘父类中的run方法’)

}

}

class Dog extends Animal {

back() {

console.log(${this.name})

}

run() {

console.log(‘子类中的run方法,会覆盖重写掉父类中的run方法’)

}

}

const dog = new Dog(‘xiaohei’, 4)

dog.back();

3.2 重写

在发生继承时,若子类的方法名与父类的方法名重复,那么子类的方法会替换掉父类中的方法名

4. 抽象类

抽象类是专门用来被其他类所继承的类,它只能被其他类继承而不能创建实例

abstract class Person{

abstract run():void;

back(){

console.log(‘Person’)

}

}

class Male extends Person{

run(){

console.log(‘Male’)

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
0)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 25
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值