TypeScript中的编译环境

在类中，所定义的属性在构造函数中为其赋值（初始化）

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’)

}

}

使用abstract开头的方法叫做抽象方法，抽象方法没有方法体，其实现要在继承自该抽象类的类方法中实现，如上的Male要实现Person类中的抽象方法run

5. 封装

在默认情况下，属性的值是可以被任意修改的，但是为了确保数据的安全，因此在TS中可以对数据的权限进行设置。（以限制该属性是否可以修改）

• 静态属性（static）

声明了static的属性不再属于实例的属性，而是属性类的属性

• 只读属性（readOnly）

只读不可修改

• TS中属性的三种修饰符

1）public：默认值，任意位置访问（修改）

2）private ：私有属性，只能在类内部进行访问（修改）

3）protected：保护的属性，只能在当前类和子类中修改

6. 接口

• 定义一个类结构，用来定义一个类中应该包含哪些属性和方法

• 接口中所有的属性都不能有实际的值

• 接口只定义对象的结构，而不考虑实际值（在接口中所有的方法都是抽象方法）

• 在定义类时，可以使该类实现这个接口

• 接口的作用就是定义规范

interface myInerface{

name：string；

age：number；

sayHello():void;

}

class MyClass implements myInterface{

name:string;

constructor(name:string){

this.name=name;

}

sayHello(){

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里获取前端全套学习资料

编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

资料领取方式：点击这里获取前端全套学习资料

[外链图片转存中…(img-b73EJIyM-1712505727473)]

[外链图片转存中…(img-FLNVRMoa-1712505727473)]