匿名函数、箭头函数、立即执行函数和字面量

16lz 2021-07-29

匿名函数
let sum = function (a,b) {
return a + b;
}
箭头函数
sum = (a,b) => {
return a + b;
}
如果函数体只有一条语句，还可以简化为：
sum = (a, b) => a + b;

只有匿名函数才可以转化为箭头函数，箭头函数不能当构造函数

一般情况下是先声明一个函数，然后再调用函数；

function sum(a, b) {
console.log(a + b);
}
sum(10, 20);

立即执行函数是把声明和调用二合一，一步完成；
(function sum(a, b) {
console.log(a + b);
})(10, 20);

模板字面量

<script>
  //1.模板字面量：支持“插值”字符串 // 常规的字符串要用到变量需要拼接 let
  username = "admin"; let str = "hello " + username; //模板字面量则可以写成 let
  username = "admin"; let str = `hello ${username}`; //
  2.标签函数：自定义模板字面量的行为
</script>

标签函数

<script>
      // 2.标签函数：自定义模板字面量的行为
      // 例子1：
      let hello = (name) => alert(`hello ${name}`);
      hello`heihei`;
      // 例子2
      let show = (strs, ...args) => {
        console.log(strs);
        console.log(args);
        console.log(args[0] + args[1]);
      };
      let a = 10;
      let b = 80;
      let c = 20;
      show`${a} + ${b} + ${c} =`;
    </script>

例子 1,方法的调用可以直接使用”反引号“加参数的方式；
例子 2，标签函数的第一个参数是所有字面量组成的数组，第二个参数是所有的插值组成的数组

解构赋值

<script>
      // 解构赋值
      //1. 一般情况下，将数组中的每个元素放到一个变量中存储
      let arr = [7, 8, 9];
      let a = arr[0];
      let b = arr[1];
      let c = arr[2];
      // 2.利用解构进行简化赋值
      let [a, b, c] = [7, 8, 9];
      console.log(a, b, c);
      let { id, name } = { id: 10, name: "heihei" };
      console.log(id, name);
    </script>

更多相关文章

随机推荐