ES6新特性:模板字符串的简单使用、ES6中对象简写

模板字符串简介

  • 特点
    使用反引号``代替了单双引号。
  • 写法
    let str = ``,反引号里面可以写字符串,或者HTML元素
  • 主要作用:

1、内容中可以直接使用table键进行换行(而单双引号需要使用+号进行拼接,相对麻烦)

let str = `<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			</ul>`

2、用于变量拼接,使用${变量名}的固定形式进行拼接

let in = "hello";
let out = `${
      
      in}是我最喜欢的打招呼方式`;
console.log(out); //hello是我最喜欢的打招呼方式

对象简写

ES6中允许在对象的大括号内直接添加定义在外部的变量和函数,并以此做为对象的属性和方法。

let name = "hello";
let func = function(){
    
    
	console.log("你好!!");
}

// 直接将外面的变量名和函数名放进对象中
const obj = {
    
    
	name,
	change,
}

// 在对象中以简写的形式定义方法
const obj2 = {
    
    
	//正常情况下:
	func1:function(){
    
    
		console.log("你好!!");
	}
	//简写形式
	func2(){
    
    
		console.log("你好!!");
	}
	
}

猜你喜欢

转载自blog.csdn.net/lalala_dxf/article/details/124668705
今日推荐