Javascript的函数声明、对象声明、模板字面量与模板函数

    <script>
      //   function welcome(username = "There is no user!") {
      //     console.log("Hello," + username);
      //   }
      //   welcome("Mr.Tom");
      //   welcome();
      //   无参数，就给参数一个默认值：= "There is no user!"
      //   function welcome(...username) {
      //   有多个参数，就在变量前面加...，把数组压缩！
      //     return username;
      //   }
      //   const arr = ["Mr.Zhang", "Mr.Li", "Mrs.Liu"];
      //   arr是通过API获取的数组，不是字符串/字面量
      //   console.log(welcome(...arr));
      //   需要在数组前面加上...，把数组展开！
      //   原始的匿名函数常规书写方法
      //   sum = function (a, b) {
      //     return a + b;
      //   };
      //   console.log(sum(10, 20));
      //   匿名函数等同于下面的箭头函数简化的书写方法
      //   let sum = (a, b) => a + b;
      //   console.log(sum(10, 20));
      //   对象声明
      //   let user = {
      //     name: "Mr.Zhang",
      //   };
      //   console.log(user.name);
      // let name = "Mr.Zhang";
      // let email = "123@qq.com";
      // let user = {
      // 对象里的属性是引用同一作用域的变量，直接写变量名即可。
      // name,
      // email,
      // 在对象里，“方法”（跟属性的区别就是他的参数是一个函数）的常规书写方式：
      // getuserinfo: function () {
      //   return this.name + ":" + this.email;
      // },
      // 从上可以看出，是命名了一个匿名函数，就可以采用简写
      // 但是需要把this替换成user对象，不能直接用this
      // getuserinfo :()=>this.name + ":" + this.email
      // getuserinfo: () => user.name + ":" + user.email,
      // 在对象里，“方法”的简写方式如下：
      // getuserinfo() {
      //   return this.name + ":" + this.email;
      // },
      //   };
      //   console.log(user.name);
      //   console.log(user.email);
      //   console.log(user.getuserinfo());
      // 模板字面量
      // 其实就是插入了变量的字符串。如果一个字符串中存在“占位符”（插值或表达式、变量），则被称为模板字面量
      // let username = "张三";
      // console.log(`你好，${username}`);
      // 从上可以看出，${username}是一个模板字符串，用``反引号包裹就解析出来了
      // 其实，占位符也可以是表达式，比如三元表达式
      // let age = 28;
      // console.log(`${age >= 18 ? "成年人" : "未成年人"}`);
      // 模板函数/标签函数
      // 是使用模板字面量作为参数的函数
      // alert("message");
      // alert`message`;
      // 从上可以看出，函数参数不用括号，用反引号来代替是可以的
      // function total(strings, num, price) {
      //   console.log(strings, num * price);
      // }
      // let num = 10;
      // let price = 500;
      // total`数量：${num},价格：${price}`;
      // 函数参数较多可以用...压缩
      // 模板函数与普通函数一样，只不过参数是变量而已
      // 第1个参数必须是模板字面量所有原样显示的字符串组成的数组
      // 第2个以后的参数都是占位符的差值，多个值用...表示
      // function total(strings, ...args) {
      //   console.log(strings);
      //   console.log(args);
      // }
      // let num = 10;
      // let price = 500;
      // let unit = "台";
      // total`数量：${num},价格：${price},单位：${unit}`;
    </script>