`

02.TypeScript字符串新特性

阅读更多
  1.  多行字符串
    multipleLineCharacter.ts文件如
    var content = `aaa
    bbb
    ccc`;
    编译后的文件multipleLineCharacter.js如
    var content = "aaa\nbbb\nccc";
     
  2. 字符串模板
    stringTemplate.ts文件如
    var myname = 'liming';
    var getName = function () {
        return 'liming';
    }
    
    console.log(`Hello,${myname}`);
    console.log(`Hello,${getName()}`);
    编译后的文件stringTemplate.js如  
    var myname = 'liming';
    var getName = function () {
        return 'liming';
    };
    console.log("Hello," + myname);
    console.log("Hello," + getName());
     
  3. 自动拆分字符串
    testTemplate.ts文件如
    var test = function(template,selfname,age){
        console.log(template);
        console.log(selfname);
        console.log(age);
    }
    
    var selfname = 'xiaohu';
    var getAge = function () {
        return 18;
    }
    test`hello,my name is ${selfname},I'm ${getAge()}`;
      编译后的文件testTemplate.js如
    var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
        return cooked;
    };
    var test = function (template, selfname, age) {
        console.log(template);
        console.log(selfname);
        console.log(age);
    };
    var selfname = 'xiaohu';
    var getAge = function () {
        return 18;
    };
    test(__makeTemplateObject(["hello,my name is ", ",I'm ", ""], ["hello,my name is ", ",I'm ", ""]), selfname, getAge());
    
       
分享到:
评论

相关推荐

    typescript-tutorial.pdf

    随着TypeScript的深入学习,可以了解到更多高级特性,例如类型别名(Type Aliases)、字符串字面量类型(String Literal Types)、元组(Tuples)、枚举(Enums)、类(Classes)以及泛型(Generics)。这些特性可以...

    TypeScript中的类型安全字符串枚举

    1. 不可计算的枚举成员:与数值枚举不同,字符串枚举不能通过计算来生成新的成员。 2. 类型转换:由于枚举类型是特定的类型,所以需要进行类型转换才能与其他类型兼容。 3. 常量枚举:如果不需要枚举成员在运行时...

    typescript.pdf

    1.数据类型:TypeScript支持JavaScript的所有数据类型,包括原始数据类型(字符串,数字,布尔,null,undefined,symbol)和复杂数据类型(对象,数组,函数)。 2.变量声明:TypeScript使用let和const关键字来声明...

    《TypeScript》电子pdf版

    - 允许使用具体的字符串值作为类型。 - 例如: `type Direction = "left" | "right" | "up" | "down";`。 - **元组类型**: - 可以指定数组中每个位置上的元素类型。 - 例如: `let x: [string, number];`。 - **...

    TypeScript服务器插件将Intellisense添加到样式组件css字符串

    本文将深入探讨如何利用TypeScript服务器插件为样式组件的CSS字符串添加Intellisense支持。 首先,我们要理解Intellisense是什么。Intellisense是IDE或代码编辑器中的一个特性,它提供代码补全、参数提示、成员列表...

    typescript-2.2.1.tgz

    4. **字符串模板类型**:TypeScript 2.2 引入了对字符串模板类型的更好支持,允许在模板字符串中捕获和使用类型信息。 5. **ES2015+模块支持**:TypeScript 支持 CommonJS、AMD 和 ES6 模块,使得在不同模块系统间...

    typescript 教程.pdf

    字符串字面量类型和元组类型是数组和字符串的扩展,允许更精确地描述数组元素和字符串值。枚举类型提供了一种定义一组命名常量的方式,使得代码更易读易维护。 类和接口是面向对象编程的核心概念,TypeScript对这些...

    Getting started with TypeScript with intro Angular

    TypeScript中的基础类型包括布尔类型、数字类型、字符串类型、数组、元组、枚举和any类型。TypeScript的类型推断功能可以根据变量的初始值自动推断出变量的类型。此外,TypeScript还支持类型断言和联合类型。 5. ...

    typescript-handbook.pdf

    Template Literal Types利用模板字符串来生成映射类型,可以动态改变属性名称或值,增强了类型系统的表现力。 在面向对象编程方面,手册详细讲解了TypeScript中的类(Classes)。类支持继承、构造函数、访问修饰符...

    TypeScript手册(TypeScript Handbook)重写新版.pdf

    这个特性可以在类型级别上进行字符串操作,为处理复杂的数据结构提供了更多的灵活性。 在“类和模块”章节,手册解释了TypeScript中类的工作机制,包括继承、访问控制和属性装饰器等面向对象的特性。类允许程序员...

    TypeScript语言教程.zip

    类型系统包括基本类型(如字符串、数字、布尔值)、联合类型、数组类型、void类型和null类型等。 2. **第三方声明文件**:在处理第三方库时,由于它们通常不是用TypeScript编写的,所以需要引入.d.ts文件,这些文件...

    typescript-handbook 最新中文版

    AngularJS2是用TypeScript编写的,利用TypeScript的类型系统能够带来更安全、更易于维护的代码,同时也能享受到TypeScript对ES6+新特性的支持。 手册还提供了一些关于如何书写类型声明文件(.d.ts)的指导,这对于在...

    AccountNumberKata.TypeScript:Luhn 算法的两个示例实现

    本文将深入探讨Luhn算法,并通过两个不同的实现方式——字符串操作和纯数学方法,来展示如何在TypeScript中应用这一算法。 Luhn算法最初由IBM工程师John Luhn发明,主要用于信用卡号的校验,确保数字输入的正确性。...

    一节课掌握TypeScript.pptx

    例如,将字符串"2"与数字2相加在JavaScript中会得到"22",而在强类型语言中这样的操作会被捕获。 **静态类型与动态类型** 静态类型语言,如C++或Scala,要求变量在声明时就必须指定其类型,并且在程序运行过程中不...

    TypeScript手册.pdf

    枚举类型是TypeScript中定义命名常量集的一种方式,它们可以是数字枚举也可以是字符串枚举。类型推论是TypeScript的一种类型检查机制,它允许编译器在没有必要显式声明变量类型的情况下推断出变量的类型。类型兼容性...

    typescript参考手册

    - 模板字符串类型(Template String Types):通过模板字符串定义更灵活的字符串类型。 - 模块解析策略:允许开发者自定义如何查找和导入模块。 - 类型兼容性:在TypeScript中定义类型的兼容性规则,确保类型安全。 ...

    TypeScript中文入门指南

    2. **字符串(String)**:表示文本,可以通过单引号或双引号创建。 3. **布尔值(Boolean)**:true或false。 4. **空联合类型(null 和 undefined)**:这两个特殊类型代表值的缺失。 5. **数组(Array)**:通过...

    零基础学透 TypeScript.rar

    TypeScript 是一种由微软开发的强类型、面向对象的编程语言,它在 JavaScript 的基础上添加了静态类型系统和许多新特性,旨在提升开发效率、减少错误,并为大型项目提供更好的维护性。本教程针对初学者,旨在帮助你...

Global site tag (gtag.js) - Google Analytics