let这个对象有什么用,没有对象名称,怎么调用,let的这个对象难道是指向调用这个函数的this

let这个对象有什么用,没有对象名称,怎么调用,let的这个对象难道是指向调用这个函数的this

img

想当于let pic=item.pic
其他的也一样

img

这是ES6语法中的解构赋值,再具体一点是解构对象
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#%E8%A7%A3%E6%9E%84%E5%AF%B9%E8%B1%A1

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const item = {
        pic: "pic的值",
        height: "height的值",
        title: "title的值",
        link: "link的值",
      };
      let { pic, height, title, link } = item;
      // 等同于 下方
      // let pic = item.pic
      // let height = item.height
      // let title = item.title
      // let link = item.link

      console.log(pic, height, title, link);
    </script>
  </body>
</html>

es6里的解构,就是获取后面对象里的属性,直接解构出来

这个是Es6新语法,解构赋值,把item对象里对应的属性值,重新定义,相当于let pic = item.pic简化版本也可以单独写成let {pic} = item