怎么新建MySQL数据库

发布时间：2022-07-05 作者：admin
阅读：835
这篇文章给大家分享的是TypeScript数据类型包括什么，基本的用法是怎样的。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。
 
 
 
 
 
 
目录
 

     
 
  • 基础类型
    •  
 
  • any类型
    •  
 
  • 数组
    •  
 
  • 元组
    •  
 
  • Interface
    •  
 
  • 函数
    •  
 
  • 类型自推
    •  
 
  • 联合类型（二选一甚至多选一）
    •  
 
  • class
    •  
 
  • 枚举
    •  

  

 

基础类型
 

ts中支持更多的类型
  

let age: number = 10 // Number
let firstName: string = '凉宸' // String
let lastName: string = '凉宸' // String
let isMary: boolean = true // boolean
let unde: undefined = undefined // undefined
let nu: null = null // null

  

undefined和 null 可以作为值赋值给其他类型，因为这两个可以看作其他类型的子类型
 

赋值的时候一定要根据定义的数据类型做赋值，否则会有如下提示错误
 

     
 
  • 声明变量时，类型与值不符
    •  
 
  • 为变量重新赋值时，类型与值不符
    •  

 

 

 

 

 

 

 

any类型
 

有的时候我们无法确定变量类型，我们可以将其指定类型为any
 

当我们赋值给其any类型后，可以为其赋任意值，且不会报错
  

let isAny:any='任意类型any'
isAny=520
isAny=true
isAny=null

  

 
 
但是为了避免类型不明确，我们还是尽量少使用any
 

 

any 类型的特点
 

     
 
  • 允许赋值为任意类型
    •  
 
  • 可以访问任意属性和方法
    •  

  

let userName: any = '凉宸';
// 可以访问任意属性
console.log(userName.name);
console.log(userName.name.firstName);
// 可以调用任意方法
userName.setName('David');
userName.setName('David').sayHello();
userName.name.setFirstName('David');

  

 

数组
 

我们可以指定数组内元素类型
  

let ages: number[] = [5, 20, 13, 14]
let names: string[] = ['凉宸','路飞', '明世隐', '李杨勇']

  

 

 

类数组：
 

类数组是不会拥有数组拥有的方法，tsc能够自动识别两者
  

let arguments=[555,555,55]

function lei(){
  let arr:number=arguments
}

  

 

 

元组
 

基本类似于数组，但是类型可以是多种
  

let arr:[number,string,boolean]=[520,'凉宸',true]
  

 

我们在赋值时一定要根据类型顺序填写
 

 

 

元素能多不能少
  

let arr:[number,string,boolean]=[520,'凉宸',true]
arr.push('b') // 可以
arr.push(4) // 可以
arr.push(true) // 可以
console.log(arr)

   

let arr:[number,string]=[520,'凉宸']
arr.push('b') // 可以
arr.push(4) // 可以
arr.push(true) // 不可以
console.log(arr)

  

 

 

Interface
 

     
 
  • 接口可以理解为纲领、比较抽象，其中不会规定的具体的行为，也就是说接口中，我们只定义有属 性，哪些方法以及属性的类型，方法的抽象，不会为属性赋值，也不会定义方法的实现
    •  
 
  • 类的话一般属性要赋值，方法也要有实现
    •  
 
  • Interface 的声明像 class，成员更像字面量对象，而不是 class
    •  

 

作用：
 

     
 
  • 对对象的形状(shape)进行描述
    •  
 
  • Duck Typing（鸭子类型）
    •  

  

interface Point{
  userName:string|number
  password:number
}  // 此时执行tsc不会解析出相应的js代码，因为此类型是ts特有的，只是表示约束

   

interface Point{
  userName:string|number
  password:number
}

let value:Point={
  userName:'admin@qq.com',
  password:123456
}

let val:Point={
  userName:55555,
  password:123456
}  // 此时两种都符合，在执行tsc


// 只是出现如下代码，没有任何约束js
var value = {
    userName: 'admin@qq.com',
    password: 123456
};
var val = {
    userName: 55555,
    password: 123456
};

  

可选属性 ?
 

创建 IPerson 接口类型变量时，接口中声明的属性，变量赋值时也必须有，否则就会报错
 

但我们可以设置某个属性为可选属性，在创建变量时，就可以选择赋值
  

interface Point{
  userName:string|number
  password:number,
  email?:string
}

let value:Point={
  userName:'admin@qq.com',
  password:123456
}

let val:Point={
  userName:55555,
  password:123456
}

  

 

只读属性readonly：
  

interface Point{
  userName:string|number
  password:number,
  email?:string,
  readonly address:string
}

let value:Point={
  userName:'admin@qq.com',
  password:123456,
  address:'保定'
}

let val:Point={
  userName:55555,
  password:123456,
  address:'北京'
}
value.password=65975222
value.address='kkk'

  

 

 

函数
 

ts中函数可以定义返回值类型
  

const value=():number=>{
  return 1
}

const val=():string=>{
  return 1
}

  

 

 

 

类型自推
 

在我们定义变量时没有赋予类型，则会按照值做推论
  

let value=5555

value='string'

  

 

 

联合类型（二选一甚至多选一）
  

let value:string|number
value='凉宸'
value=520
value=true

  

 

类型断言:
  

function get(data:string|number):number{
  const str=data as string
  if(str.length){
    return str.length
  }else {
    const num = data as number
    return num.toString().length
  }
}

console.log(get('凉宸'));
console.log(get(520));

  

 

     
 
  • 使用 as 进行断言
    •  
 
  • 断言不是类型转换，断言后只是告诉编译器变量的类型，后面使用变量时就有提示了
    •  
 
  • 如果不添加断言，使用某个类型的方式就会报错
    •  

 

type guard：
 

type guard不是一种类型，而是一种能够确认具体类型的一种机制
  

function get(data:string|number):number{
  if(typeof data==='string'){
    return data.length
  }else {
    return data.toString().length
  }
}

console.log(get('凉宸'));
console.log(get(520));

  

 

 

class
 

class：类，ES6语法，是js面向对象晋升，class 仅仅是语法糖，底层仍然是基于函数和原型实现的
 

     
 
  • 类：定义了一切事物抽象特点，像是一张蓝图、一张图纸
    •  
 
  • 对象：类的实例
    •  
 
  • 三大特征：封装、继承、多态
    •  

 

三个修饰符，可以控制类中成员的访问级别：
 

     
 
  • Public：修饰的属性或方法是公有的，任何地方都可以访问，默认行为
    •  
 
  • Protected：修饰的属性或者方法是受保护的，只有类本身和其子类可以访问
    •  
 
  • Private：修饰的属性或者方法是私有的，只有类内部可以访问呢
    •  

  

class  Person {
  public name:string
  protected age:number
  private address:string
  constructor(name:string,age:number,address:string){
    this.name=name
    this.age=age
    this.address=address
  }
  speak(){
    console.log(`Person:${this.name}---${this.age}---${this.address}`)
  }
}
const Children = new Person('凉宸',20,'保定')
Children.speak()
// 可以正常输出

  

  

class  Person {
  public name:string
  protected age:number
  private address:string
  constructor(name:string,age:number,address:string){
    this.name=name
    this.age=age
    this.address=address
  }
  speak(){
    console.log(`Person:${this.name}---${this.age}---${this.address}`)
  }
}

class child extends Person{
  say(){
    console.log(`child:${this.name}---${this.age}`)
  }
}
// const Children = new Person('凉宸',20,'保定')
// Children.speak()
const childs = new child('凉宸',20,'保定')
childs.say()


  

 

运行时也是报错的
 

  

class  Person {
  public name:string
  protected age:number
  private address:string
  constructor(name:string,age:number,address:string){
    this.name=name
    this.age=age
    this.address=address
  }
  speak(){
    console.log(`Person:${this.name}---${this.age}---${this.address}`)
  }
}

class child extends Person{
  say(){
    console.log(`child:${this.name}---${this.age}`)
  }
}
// const Children = new Person('凉宸',20,'保定')
// Children.speak()
const childs = new child('凉宸',20,'保定')
childs.say()


  

  

class  Person {
  public name:string
  protected age:number
  private address:string
  constructor(name:string,age:number,address:string){
    this.name=name
    this.age=age
    this.address=address
  }
  speak(){
    console.log(`Person:${this.name}---${this.age}---${this.address}`)
  }
}

class child extends Person{
  say(){
    console.log(`child:${this.name}---${this.age}`)
  }
}
const Children = new Person('凉宸',20,'保定')
Children.speak()
console.log(Children.address);
console.log(Children.age);

// const childs = new child('凉宸',20,'保定')
// childs.say()


  

 

 

 

 

枚举
 

枚举（Enum）类型用于取值被限定在一定范围内的场景
  

enum Week {
  SUNDAY = '周日',
  MONDAY = '周一',
  TUESDAY = '周二',
  WEDNESDAY = '周三',
  THURSDAY = '周四',
  FRIDAY = '周五',
  SATURDAY = '周六'
}
function getProgramme(date: Week): string {
  if (date === Week.SUNDAY) {
  return '周日休闲娱乐'
  } else if (date === Week.MONDAY) {
  return '周一做博文'
  } else if (date === Week.TUESDAY) {
  return '周二冲刺'
  }
  else if (date === Week.WEDNESDAY) {
  return '周三继续奋斗'
  }
  else if (date === Week.THURSDAY) {
  return '周四发新文'
  }
  else if (date === Week.FRIDAY) {
  return '周五准备休息'
  }
  else {
  return '周六睡觉'
  }
  }
  console.log(getProgramme(Week.THURSDAY));

  

     


感谢各位的阅读，以上就是“TypeScript数据类型包括什么，基本的用法是怎样的”的内容了，经过本文的学习后，相信大家对TypeScript数据类型包括什么，基本的用法是怎样的都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！    

            

            

                
推荐阅读：

                
    
                                            
  1. 
                            
                                CSS中flex布局如何实现自动换行？
                            
                        
    2. 
                                            
  2. 
                            
                                在HTML中如何让button居中，有几种方法
                            
                        
    3. 
                                            
  3. 
                            
                                JS中怎样删除数组末尾元素？教你两种方法
                            
                        
    4. 
                                    

            

        


        

        
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。


        

                            TypeScript数据类型
            
        

    

    

                    
上一篇：前端项目中如何从打包和合并方面优化网页响应速度

                            
下一篇：vue异步更新dom的具体操作是什么，其原理如何理解 

            


    

        
相关阅读

        

            
        

    


                

                    

                        
                    

                


                

                    

                        二维码-群英
                        
长按识别二维码并关注微信

                        
更方便到期提醒、手机管理

                    

                    

                        

                            
7*24 全天候服务

                            
售前  400-678-4567
                            

                            
售后 
                                    0668-2555666

                            
                            
售后 
                                 308400777
                            

                            
信息安全 
                                    0668-2555 118

                            
域名空间 
                                 3004329145
                            

                            
                        

                    

                


                

                    新用户注册，获新人礼包
                    管理控制台