ES6之模板字符串

无意间看到了一个小玩意,效果就是字符串的拼接,之前的做法是使用+进行字符拼接,在ES6中有个模板字符串,可以实现相同的效果,并且效率更高,加号拼接也不适用于大规模的变量连接,那样做太过麻烦;

首先说一下,+号的两种含义

在javascript中:

var a =1;
var b = 2;
var c = 'hello';
var d = '信仰zmh';
console.log(a+b);//3
console.log(c+d);// hello信仰zmh
  • 两个数字+号连接,直接进行算术运算
  • 两个字符串+号连接,直接进行字符串拼接

**在Java中同样适用: **

public class JavaDemo {
  public static void main(String[] str) {
    int a = 1;
    int b = 2;
    System.out.println(a+b);
    String c = "hello";
    String d = "XinYang";
    System.out.println(c+d);
  }
}
ES6之模板字符串_第1张图片

在这里说一下Java与JavaScript的不同之处:

变量的声明,JavaScript是弱类型的语言,用var声明的变量,可以是一个数字(不区分整形、浮点...)、一个字符串、一个数组等等;

Java是强类型语言,它必须先指定变量的类型,比如声明一个整形的数字,就要使用int,如果不写类型,就会报错;

使用+号连接多个变量

var name ='信仰';
var age = 23;
var myInfo = '我是' + name +', 今年' + age + '岁。';
console.log(myInfo);//我是信仰,今年23岁。 

ES6写法:

var name ='信仰';
var age = 23;
var myInfo = '我是${name}, 今年${age} 岁。';
console.log(myInfo);//我是信仰,今年23岁。 

这样是不是很方便那,但这样写的前提是你的浏览器支持ES6,否则请使用第一种进行拼接

你可能感兴趣的:(ES6之模板字符串)