模板字符串 `` + 简化对象写法

模板字符串(template string)

  • 声明使用(本质是一个字符串)
let str = `<ul>
	<li>我是一个字符串</li>
</ul>`
console.log(typeof str) // String

特点:

  1. 字符串中可以直接进行换行操作(不需要拼接 ‘+’),如下代码不会报错
let str = `<ul>
	<li>我是一个字符串</li>
</ul>`
  1. 可以使用 ${xxx} 形式输出变量
let data = '字符串'
let  = `<ul>
	<li>我是一个${data}</li>
</ul>`
console.log(str) // 我是一个字符串

简化对象写法

PS:由于内容简单,就组合成一篇啦

  • ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。如下例子
let param1 = 'param1';
let param2 = '2'
let fun1 = function () {
     console.log('fun1');
}
//属性和方法简写
let params1 = {
	param1,
	param2,
	fun1
};
// params1 相当于 params2
let params1 = {
	param1:  'param1',
	param2: '2',
	fun1: function () {
	     console.log('fun1');
	}
};
  • 优点:简化代码,方便书写
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值