zoukankan      html  css  js  c++  java
  • ts基础用法

    "use strict";
    // let const 在 vscode 中写 ts 报错:无法重新声明块范围变量时候删除原来的js文件重新编译即可
    // 声明字符串 
    var msg:string = "Hello World" 
    console.log(msg, 'message')
    
    // 声明boolean类型
    var isOk: boolean = false;   
    console.log(isOk,'isOk')
    
    // 声明数字 二 八 十 十六进制都可以
    var age: number = 27; 
    console.log(age,'age')
    
    // 声明数组  第一种,可以在元素类型后面接上[],表示由此类型元素组成的一个数组
    var list: number[] = [1, 2, 3]; 
    console.log(list,'list')
    // 声明数组  第二种方式是使用数组泛型,Array<元素类型>
    var list2: Array<number> = [1, 2, 3]; 
    console.log(list,'list')
    
    // 声明元组Tuple 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同(一一对应)
    var list3: [string, number]; 
    list3 = ['ts good', 1]; // OK
    console.log(list3, 'list3')
    
    //声明枚举  enum类型是对JavaScript标准数据类型的一个补充 默认情况下,从0开始为元素编号也可以手动的指定成员的数值 enum Color {Red = 1, Green = 2, Blue = 4};
    enum Color {Red, Green, Blue}; 
    var colorName: Color = Color.Green;
    console.log(colorName, 'colorName')
    
    // 任意值 在编程阶段还不清楚类型的变量指定一个类型 如 let list: any[] = [1, true, "test"];
    var anyValue: any = 666; 
    console.log(anyValue,'anyValue')
    anyValue = "maybe a string";
    console.log(anyValue,'anyValue')
    anyValue = false; // maybe a boolean
    console.log(anyValue,'anyValue')
    
    // 声明空值
    var unusable: void = undefined; 
    console.log(unusable,'unusable')
    
    // 声明Null 和 Undefined 默认情况下null和undefined是所有类型的子类型;
    var declareUndefined: undefined = undefined;
    console.log(declareUndefined,'declareUndefined')
    var declareNull: null = null;
    console.log(declareNull,'declareNull')
    
    // 类型断言 --->长度输出16
    var someValue: any = "this is a string";
    var strLength: number = (<string>someValue).length;
    console.log(someValue,'someValue',strLength, 'strLength')
  • 相关阅读:
    form 表单验证常用正则记录
    定位某一项值在多维数据中的位置
    jquery weui picker多次动态赋值
    页面旋转立方体图片
    微信开发者工具中的正则表达式解析
    Jquery WEUI 滚动加载(infinite)不触发
    背景线条实现
    进入博客
    tomcat 修改内存配置
    win10配置jdk环境变量
  • 原文地址:https://www.cnblogs.com/lhl66/p/13578217.html
Copyright © 2011-2022 走看看