老师，自己一直不理解解构赋值和展开的区别和作用，您能简单讲下吗，主要是应用方面

   // Nodelist对象

         const list = document.querySelectorAll('li')

         const B= [a,b,c]=[...list]  //解构赋值

         console.log(a,b,c) 

         for(const item of list){

             console.log(item)

             item.style.backgroundColor='red'

         }

         // Map对象

         const map = new Map([

             ['a', 1],

             ['b', 2]

         ])

         const[m1,m2]=[...map] //解构赋值

         console.log(m1,m2)

         for(const i of map){

             console.log(...i)

         }

         // 在此补充代码

         const fn = function() {

             // arguments对象

            const A=[a1,a2]=[...arguments] //解构赋值

            console.log(A)

         }

         fn(1, 3)

在这里输入代码，可通过选择【代码语言】突出显示