这是我参与「第四届青训营 」笔记创作活动的第11天

引言

上一篇文章中我们简单介绍了一些关于TypeScript 的知识，今天我们一起来学习更多知识点吧！

1、编译选项

自动编译文件

编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。

tsc xxx.ts -w

自动编译整个项目

如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。

但是能直接使用tsc命令的前提时，要先在项目根目录下创建一个ts的配置文件 tsconfig.json

tsconfig.json是一个JSON文件，添加配置文件后，只需 tsc 命令即可完成对整个项目的编译

2、 函数的定义

正常定义

// 函数传递的是形参（可指定类型） 返回值类型string
function findPerson(age: number): string{
    return '找到了'+ age + ' 岁的人！ '
}

var age:number = 18
var result:string = findPerson(age)
console.log( result ) // 找到18岁的人

有可选参数的函数

// 有可选参数
// 不加 " ？ "的参数都是必须传递的
function findPerson(age: number, status? : string): string{
    let str:string = ''
    str = '找到了'+ age + ' 岁的 '
    if( status != undefined ){
        str = str + status
    }
    return str
}
var result:string = findPerson(18, ' 小可爱 ')
console.log( result ) // 找到18岁的小可爱

有默认参数的函数

// 有默认参数的函数
function findPerson(age: number = 18 , status? : string = '人' ): string{
    let str:string = ''
    str = '找到了'+ age + ' 岁的 '
    if( status != undefined ){
        str = str + status
    }
    return str
}
var result:string = findPerson()
console.log( result ) // 找到18岁的人

注意点：

1.必须用function定义

2.函数与变量名必须遵循规则

3.传递多个参数的时候，’ , '隔开

3、函数三种声明方式

函数声明法

function add( n1:number, n2:number ): number{
    return n1 + n2
}
console.log( add( 1, 2 ) )

函数表达式法

var add = function( n1:number, n2:number ): number{
    return n1 + n2
}
console.log( add( 1, 2 ) )

箭头函数声明

// 箭头函数声明
var add = (n1:number,n2:number):number =>{
    return n1 + n2
}
console.log(add(1,5))

4、接口

接口是用来定义一个类结构，用来定义一个类中应该包含哪些属性和方法的，它和 type有一点相似互通之处，我们可以采用type来描述一个对象类型。

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

5、 属性的封装

现在属性是在对象中设置的，属性可以任意的被修改，这样会

导致对象中的数据变得非常不安全

我们可以在属性前添加属性的修饰符

1. public修饰的属性可以在任意位置访问

2. private定义为私有属性，私有属性只能在类内部访问

   通过类中添加方法使得私有属性可以被外部访问

3. protected 受包含的属性，只能在当前类和当前类的子类中访问

总结

今天介绍了一些TypeScript的相关知识，TypeScript还有许多内容值得关注。 一起打卡学习吧！！！

烟火向星辰，所愿皆成真！