• TypeScript入门知识一(字符串特性)


    一,TypeScript多行字符串

      传统JavaScript字符串换行需要+进行拼接,而TypeScript不需要+拼接。看下面实例:

      javaScript:

      var content = "aaa"+

            "bbbb";

      TypeScript:

      var content = `aaa

            bbb`;

    (注意这里的``不是单引号,是双撇号,键盘左上角的那个按键);

    二,TypeScript字符串模板

      字符串模板就是在多行字符串里用一个表达式插入变量,标签,方法;

      var myName = "zhang san";

      var getName = function () {

        return "zhang san";

      }

      //调用变量

      console.log(`hello ${myName}`);

      //插入标签(这样看起来比JavaScript好多了)

      console.log(

        `<div>
          <span>${myName}</span>
          <span>${getName}</span>
        </div>`

      )

      //调用方法

      console.log(`hello ${getName}`);

    三,TypeScript自动拆分字符串

      function test (template,name,age) {

        console.log(template);

        console.log(name);

        console.log(age);

      }

      var myName = "zhang san";

      var getAge = function () {

        return 18;

      }

      test `hello my name is ${myName},i 'm ${getAge()}`;

      (这里name 就是 ${myName}, age 就是${getAge()})

      输入结果:

      

    如果有用请支持,谢谢!

    每一步都是一个深刻的脚印
  • 相关阅读:
    UEditor 在 Layer 模态框中无法使用问题
    mysql FORMAT() 格式化后的数字运算出错
    dede 对 单个 字段 编辑
    SW线路中串联1K电阻的作用
    示波器 如何用示波器正确测量电源纹波
    Excel工作表忘记密码如何破解?
    excel小技巧
    CPU核心电压与VID电压
    电容有什么作用?为什么cpu电源引脚都并联一个电容?
    APU的Vsense引脚的作用
  • 原文地址:https://www.cnblogs.com/chzlh/p/7512303.html
Copyright © 2020-2023  润新知