typeScript入门(二)函数与类

3.ts的函数

1)函数的返回值和参数

在函数的定义需要定义其的返回值可以void,来表示没有返回值

函数参数的定义,举个例子分析下吧

name:string,age?:number=23

冒号后面是参数的类型,加个?表示这个参数不是必传的,所以你就可以在这理解到,这个?如果某个参数写了,那后面都是需要加的,因为它不是必传的。在类型后面用个赋值方式就是给这个参数写一个默认参数。

当参数很多的时候,你就用需要用三点运算符数组来接受参数。

(...arr:any[]) 这样的话,都有的的参数都是存在arr数组中。

2)函数的重载

typescript中的重载:通过为同一个函数提供多个函数类型定义来试下多种功能的目的。

例子:

function getInfo(name:string):string;

function getInfo(age:number):string;

function getInfo(str:any):any{

if(typeof str===‘string‘){

return ‘我叫:‘+str;

}else{

return ‘我的年龄是‘+str;

}

}

基本上看下就看明白了的,基本上和js的重载差不多。和java,.net之类的重载还是不一样的,毕竟基础还是JavaScript。

4.函数的类

1)举个普通的ts类的例子

class Person{

name:string; //属性 前面省略了public关键词

constructor(n:string){ //构造函数 实例化类的时候触发的方法

this.name=n;

}

run():void{  // 方法

alert(this.name);

}

}

2)继承

class Son extends Person{

constructor(name:string){

super(name);  // 初始化父类的构造函数

}

}

这样子类就继承的父类可继承的属性,方法。

子类方法与父类方法同名时,子类方法覆盖父类。

3)修饰符

public :公有 在当前类里面、 子类 、类外面都可以访问

protected:保护类型 在当前类里面、子类里面可以访问 ,在类外部没法访问

private :私有 在当前类里面可以访问,子类、类外部都没法访问

属性如果不加修饰符 默认就是 公有 (public)

4)静态属性和静态方法

static 开头定义的属性和方法就是静态属性和静态方法。

需要注意的是,静态方法是不能直接调用类里面的属性,只能调用静态属性

只有静态属性可以类名加’.’静态属性名直接获取。

5)多态:父类定义一个方法不去实现,让继承它的子类去实现 每一个子类有不同的表现。多态属于继承。通俗的讲其实就是子类可以覆盖父类的方法。

6)抽象类与抽象方法

abstract 开头的类或者方法就是抽象类或者抽象方法

提供其他类继承的基类,不能直接被实例化。通俗的来讲就是以下几点注意下,

一。如果抽象父类有抽象方法,那么继承的子类必须有抽象方法,不然不能被创建。

二。抽象类也不能直接实例化。

三。抽象方法必须放在抽象类。

原文地址:https://www.cnblogs.com/tzzf/p/9757459.html

时间: 2024-11-09 07:38:26

typeScript入门(二)函数与类的相关文章

TypeScript入门二:基本数据类型

浅析基本数据类型 TypeScript类型解析 一.浅析基本数据类型 首先有一个问题TypeScript是一门编译型语言?还是解释性语言?显然已经不能被这两个分类来区分,TypeScript的并不是为了让JavaScript改变执行方式,不是为了提高机器执行效率的.而编译型和解释型的分类是基于这两个特点的.但是,TypeScript具备编译型语言一个特点,就是它对类型进行检查,如果出现类型冲突时它是无法编译成js文件的. 既然TypeScript编译需要对变量进行类型检查,这就意味着TypeSc

TypeScript入门三:TypeScript函数类型

TypeScript函数类型 TypeScript函数的参数 TypeScript函数的this与箭头函数 TypeScript函数重载 一.TypeScript函数类型 在上一篇博客中已经对声明TypeScript类型变量已经做了初步的解析,这里先回顾以下: 1 //声明函数 2 function add1(x:number,y:number):number{ 3 return x+y; 4 } 5 6 let add2 = function(x:number,y:number):number

Python入门之python装饰器的4种类型:函数装饰函数、函数装饰类、类装饰函数、类装饰类

一:函数装饰函数 def wrapFun(func): def inner(a, b): print('function name:', func.__name__) r = func(a, b) return r return inner @wrapFun def myadd(a, b): return a + b print(myadd(2, 3)) 二:函数装饰类 def wrapClass(cls): def inner(a): print('class name:', cls.__na

《前端之路》- TypeScript(二) 函数篇

目录 一.定义函数方法 二.定义函数传参 三.可选传参 四.默认传参 五.传递剩余参数 六.函数重载 七.箭头函数 八.总结 一.定义函数方法 在 es5 中定时函数的方法有 命名函数和函数表达式(匿名函数)这门两种.那么同样的,在 TypeScript 中,函数的定义是什么样子的呢? 1-1 命名函数 这里需要注意的一点是: viod 类型,是函数不返回任何类型数据 TypeScript 语法 function func1(): string { return '213'; } functio

TypeScript入门-函数

▓▓▓▓▓▓ 大致介绍 TypeScript为JavaScript函数添加了额外的功能,让我们可以更容易地使用.TypeScript中的函数也包括JavaScript中最常见的两种函数 function add(x,y){ return x + y; } let add = function(x,y){ return x + y; } ▓▓▓▓▓▓ 函数类型 可以像变量一样为函数定义类型 function add(x: number, y: number): number { return x

Ruby七天入门(2 函数,数组和类)

DAY 2 第二天学习继续,今天重点学习函数,数组和类等编程的基本要素. 2.1 函数 2.1.1 简单定义 def tell_me puts true end 定义一个简单的函数(无参无返回值)很简单,使用def end包裹函数体即可. 2.1.2 参数 def tell_me(a) puts a end tell_me 1 1 => nil 使用参数和其他语言类似,加括号加变量名即可. 2.1.2.1 参数默认值 同样可以指定参数默认值: def tell_me(a='1',b) puts

TypeScript入门五:TypeScript的接口

TypeScript接口的基本使用 TypeScript函数类型接口 TypeScript可索引类型接口 TypeScript类类型接口 TypeScript接口与继承 一.TypeScript接口的基本使用 1.1定义TypeScript接口的指令(interface) 接口让我们想到的第一个短语就是(API).比如日常我们所说的调用某某程序的API一般都是跨应用的接口,如别的网站的或者APP的接口:还有我们每天都是用的编程语言的指令和内置的方法及属性,这些可以叫做编程语言的接口:还有令我们既

Thinkphp入门 二 —空操作、空模块、模块分组、前置操作、后置操作、跨模块调用(46)

原文:Thinkphp入门 二 -空操作.空模块.模块分组.前置操作.后置操作.跨模块调用(46) [空操作处理] 看下列图: 实际情况:我们的User控制器没有hello()这个方法 一个对象去访问这个类不存在的方法,那么它会去访问”魔术方法__call()” 用户访问一个不存在的操作—>解决:给每个控制器都定义个_empty()方法来处理 第二个解决方法:定义一个空操作 [空模块处理] 我们使用一个类,但是现在这个类还没有被include进来. 我们可以通过自动加载机制处理__autoloa

TypeScript入门指南(JavaScript的超集)

TypeScript入门指南(JavaScript的超集) 你是否听过 TypeScript? TypeScript 是 JavaScript 的超集,TypeScript结合了类型检查和静态分析,显式接口.TypeScript是微软的开源项目,它是由C#之父Anders Hejlsberg发起的. 为什么会有 TypeScript? JavaScript 只是一个脚本语言,并非真正设计用于开发大型 Web 应用,JavaScript 没有提供类和模块等概念,对于一个真正的应用开发,TypeSc