模板字符串及简化对象的写法

模板字符串

模板字符串允许嵌入表达式的字符串。也可以使用多行字符串和字符串插值功能
使用反引号 `` ，特定语法 ${expression}

关于多行字符串

//row 1 
//row 2
console.log(`row 1 \nrow 2`);

//row 1 
//row 2
console.log(`row 1
row 2`);

插入表达式/变量

用特定语法 ${expression}

let a=2;
let b=8;
//2+8=10
console.log(`${a}+${b}=${a+b}`);

带标签的模板字符串

更高级的形式的模板字符串是带标签的模板字符串。标签使您可以用函数解析模板字符串。
标签函数的第一个参数包含一个字符串值的数组
其余的参数与表达式相关

var name ="张三";
var color="蓝色";

function funTest(strings,name,color)
{
	let str =strings[0];
	let str1=strings[1];
	
	return str+name+str1+color;
	
}

//调用标签函数
var funStr=funTest`我叫:${name} , 喜欢的颜色:${color}`;
console.log(funStr);

上例中,strings = [ “我叫:” , “, 喜欢的颜色:” , “” ]

在标签函数的第一个参数中，存在一个特殊的属性raw ，我们可以通过它来访问模板字符串的原始字符串，而不经过特殊字符的替换。

function tag(strings)
{
	console.log(strings.raw[0]);
	console.log(strings);
}

tag`line 1 \n line 2`;

简化对象的写法

• 省略同名的属性值
• 省略方法的function

let x = 1;
let y = 2;

//普通的写法

/*

let point=
{
	x:x,
	y:y,
	getPoint:function ()
	{
		return this.x+this.y;
	}
}
		
*/

//简化的写法
let point = 
{
	//省略同名的属性值
    x,
    y,
    
    //省略方法的function
    getPoint ()
    {
		return this.x+this.y;
	}
	
};