ts - 类

简介: TypeScript支持JavaScript的新特性,比如支持基于类的面向对象编程。让我们创建一个Student类,它带有一个构造函数和一些公共字段。 注意类和接口可以一起工作。

还要注意的是,在构造函数的参数上使用public等同于创建了同名的成员变量。

注:public修饰符会引发 Parameter 'firstName' implicitly has an 'any' type.,解决方法是在tsconfig.json文件中,添加"noImplicitAny": false,或者将"strict": true,改为"strict": false

// src/04student.ts
class Student {
   
  fullName: string;
  // public 等同于创建了同名的成员变量
  // constructor (public firstName: string, public lastName: string) {
   
  //   this.fullName = this.firstName + this.lastName
  // }

  firstName: string; // 成员变量
  lastName: string// 成员变量
  constructor (firstName: string, lastName: string) {
   
    this.firstName = firstName
    this.lastName = lastName
    this.fullName = this.firstName + this.lastName
  }
}

interface IPerson {
   
  firstName: string
  lastName: string
}

function greeter2 (user: IPerson): string {
   
  return 'hello' + user.firstName + user.lastName
}

const stu = new Student('成', '三岁')

console.log(greeter2(stu))
相关文章
|
12月前
|
JavaScript 前端开发 开发者
ts详解以及相关例子(一篇带你详细了解ts)
ts详解以及相关例子(一篇带你详细了解ts)
156 1
|
6月前
ts文件解密
ts文件解密
246 0
|
JavaScript Java
ts - 接口
在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。
|
JavaScript 前端开发
ts - ts基础
https://www.tslang.cn/ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
【TS】ts中的类:class
【TS】ts中的类:class
124 0
【TS】ts中的类:class
|
JavaScript
TS基本语法 TS中的泛型
TS基本语法 TS中的泛型
|
JavaScript 前端开发 IDE
什么是ts,作用是什么
什么是ts,作用是什么
1319 0
|
JavaScript 编译器 开发者
ts的接口是什么有什么作用
ts的接口是什么有什么作用
363 0
|
JavaScript 索引
TS接口
TypeScript 中的接口是一种抽象结构,用于定义对象的类型。接口定义了对象应该包含的属性和方法,但不提供实现。