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

一,TypeScript多行字符串java

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

  javaScript:blog

  var content = "aaa"+ip

        "bbbb";字符串

  TypeScript:get

  var content = `aaaio

        bbb`;console

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

二,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()})

  输入结果:

  

若是有用请支持,谢谢!

 

相关文章
相关标签/搜索