javascript - Javascript 对象解构赋值是否使用 const、let 或 var？

Question

在 ES6/ES2015 中，我可以使用 Object destructuring从作为函数参数传递的对象中提取字段:

function userId({id}) {
  return id;
}

var user = { 
  id: 42, 
};

console.log("userId: " + userId(user)); // "userId: 42"

在上面的例子中， id userId 中设置的变量相当于通过 var设置的功能, const , 或 let ?

那么下面哪个是等效函数:

变量

function userId(user) {
    var id = user.id
    return id;
}

让

function userId(user) {
    let id = user.id
    return id;
}

常量

function userId(user) {
    const id = user.id
    return id;
}

(来自上面链接的 MDN 页面的示例函数，跳转到“从作为函数参数传递的对象中提取字段)

Answer 1

使用解构声明变量使用与在相同位置声明普通变量相同的范围。所以如果你这样做:

let {id} = {id: 42};

那么它是 let绑定(bind)，如果你这样做:

var {id} = {id: 42};

那么它是 var捆绑。

函数参数如 var绑定(bind)，因为它们的作用域是整个函数，而不是 const .他们也像 let绑定(bind)，因为它们的作用域是当前 block ，即整个函数体。