博客列表 >模板字面量标签函数和解构赋值与对象字面量简化写法作业

模板字面量标签函数和解构赋值与对象字面量简化写法作业

番茄炒蛋
番茄炒蛋原创
2021年07月10日 21:58:56552浏览

模板字符串

和其他东西一起使用的使用,使用模板字符串方便注意,其他情况使用模板字符串和一般字符串都Ok

模板字符串注意事项

输出多行字符串

  1. let str = `哈哈哈
  2. 呵呵呵
  3. `
  4. // 模板字符串中,所有的空格、换行或缩进都会被保留在输出之中

输出`和\特殊字符

  1. let str = `\``;
  2. let str = `\\`;

模板字符串的注入${}

  1. let person = {
  2. name:"喜羊羊",
  3. age:"帅气的喜羊羊永不老",
  4. sex :"mael"
  5. }
  6. function func(m){
  7. return m === "mael" ? "男" :"女"
  8. }
  9. let str = `${person.name},func(${person.sex})`
  10. // 只要最终可以得出一个值就可以通过${}注入到模板字符串中

标签函数

  1. let func = name => alert("hello!",name);
  2. func`迪迦!` // alert("hello!迪迦!")

解构赋值

解析某一数据德解构,将我们想要的东西提取出来,赋值给变量

解构赋值原理

1、模式(结构)匹配
数组 => 数组 对象=>对象

  1. [a,b,c] = [1,2,3]
  2. {a,b,c} = {a:1,b:2,c:3}

2、索引值相同的完成赋值
3、不取的,可以直接用逗号跳过

  1. let arr = [1,2,3];
  2. [,,b] = arr;

解构赋值默认值

  1. const [a = 1, b = 2] = [];

默认值生效条件
只有当一个数组成员严格等于(===)undefined,对应的默认值才会生效

对象字面量简化

  1. // 对象字面量中的属性值,如果引用了相同作用域中的"同名变量",则可以省去不写
  2. let obj = {
  3. name,
  4. age:age,
  5. // 函数简化
  6. geter(){
  7. }
  8. }
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议