谈ES6模板语法的隐藏操作
import React from "react";
const mtyi = '星火相传';
const mtyi2 = '地大物博';
class TemJs extends React.Component{
constructor(){
super();
this.state={
num:123
}
this.tmp();
}
render(){
return (
<section>
<p> 补充一个ES6的语法 </p>
</section>
);
}
tmp(){
console.log(`常规ES6字符串拼接语法${mtyi}我爱我家`)
// 下方这个方法表明 es6 拼接完的模板字符串是可执行函数, 打印出来的是 一个数组: 结果是 字符串的 非替代字段拆分 ,组成的数组
//在ES6中 可以使用模板字符串 调用函数
this.a `常规ES6字符串拼接语法${mtyi}我爱我家${mtyi2}的,人生在世弄扁舟`;
this.b('你','我','他');
this.b `常规ES6字符串拼接语法${mtyi}我爱我家${mtyi2}的,人生在世弄扁舟`;
}
tmp2(){
// 解析
}
a(arr){
console.log(arr)
}
b(...brr){
console.log(brr) // 解析结果为 多个元素的数组,第一个元素 非替代字段拆分成的数组, 第二个元素开始 后面都是替代字段 各 为一个元素
}
}
export default TemJs;
页:
[1]