自我学习之es6(3)
来源:互联网 发布:vb中left是什么意思 编辑:程序博客网 时间:2024/05/17 22:10
es6引入了模板字符串的概念,大大方便了字符串的拼接,先来举个例子,看一下之前用加号的字符串拼接
let firstName = 'Flowke', lastName='Hurley';let string='My name is ' + firstName + ' ' + lastName + '!';console.log(string);
这个是传统的写法,打印出来是My name is Flowke Hurley!
用es6的模板字符串可以这么写
let s =`My name is ${firstName} ${lastName}!`;console.log(s);
把所有的要输出的内容放到两个反引号当中,可以用${}在里面写表达式,${}里除了可以放变量,还可以放一个函数的调用,比如
function fn(){return 'Mike';}let st = `My name is ${fn()} ${lastName}!`;console.log(st);
这里就放了一个fn的函数调用,因为它有返回值,所以是可以输出的,除了可以放函数还可以放比如三目运算符
let st1=`My name is ${3>2 ? 'Moli' : 'Mike'} ${lastName}!`console.log(st1);这里打印出来的就是My name is Moli Hurley!
阅读全文
0 0
- 自我学习之es6(3)
- 自我学习之es6(1)
- 自我学习之es6(2)
- JS学习之ES6
- es6学习笔记之Promise
- ES6学习笔记之Symbol
- ES6学习笔记之class
- ES6学习笔记之《Symbol》
- 学习笔记:ES6之Symbol
- 学习笔记:ES6之Promise
- 学习笔记:ES6之Generator
- 学习笔记:ES6之模块化
- ES6学习之promise对象
- ES6学习之路-1
- es6学习笔记3
- es6学习3
- oracle 自我学习之路
- 自我学习之KMP算法
- Kotlin从入门到放弃(三)——协程
- Day 018
- Android LocalBroadcastReceiver本地广播
- .Net mvc 登录认证成功后无法跳转到指定的页面,求指教
- python知识点(4)——基本的购物车功能实现
- 自我学习之es6(3)
- 狄利克雷卷积
- java数组复制
- 题目:3:月度开销
- 购物车的实现案例
- RecyclerView 使用 点击事件和长按
- js之实现小游戏五子棋 第15周学习
- 挖矿显卡超频,5种选择,提高挖矿算力
- CXF实现webService框架技术