模板字符串

和其他东西一起使用的使用,使用模板字符串方便注意,其他情况使用模板字符串和一般字符串都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. }

更多相关文章

  1. 模板字面量与标签函数,解构赋值
  2. mysql当查询某字段结果为空并赋值
  3. 前端 JavaScript 中 JSON.stringify() 的基本用法
  4. 【常用验证码之字符串验证码滑动验证码图形验证码】
  5. 0525实战作业
  6. 17.【TP6学习笔记】Session的开启赋值取值删除清空等操作
  7. 值与引用传递,模板字面量与标签函数,解构赋值,对象字面量的简化,bind
  8. 【ThinkPHP框架】tp的视图标签、request请求、数据库链式查询等
  9. 【第798期】你不懂JS:ES6与未来 语法(上)

随机推荐

  1. (T_ENCAPSED_AND_WHITESPACE),期望标识符(
  2. 使用PHP发布整个mySQL命令
  3. php使用DOMDocument更改div但不更新页面
  4. 在数组中计数,其中值为0
  5. 如何添加动态参数
  6. 数据库布局更新是否仍在Magento中使用?
  7. PHP调用存储过程失败(没有执行到)--mysql_e
  8. 在php中检测浏览器,版本和平台的可靠方法
  9. 如何知道php zip扩展程序是否已安装?如何
  10. 从mysql中选择加密密码