此語法在Javascript中的含義

Question

我在javascript中尋找TWILIO的API，但發現類似

const { connect, createLocalTracks } = Twilio.Video;

navigator.mediaDevices.enumerateDevices().then(devices => {
  var videoInput = devices.find(device => device.kind === 'videoinput');
  return createLocalTracks({ audio: true, video: { deviceId: videoInput.deviceId } });
}).then(localTracks => {
  return connect('my-token', { name: 'my-room-name', tracks: localTracks });
}).then(room => {
  console.log('Connected to room ' + room.name);
});

我不明白這段代碼是什么意思

const { connect, createLocalTracks } = Twilio.Video;

https://www.twilio.com/docs/api/video/configuring-audio-video-inputs-and-outputs

我在打字稿中看到了相同的東西，但在核心js中沒有看到

Answer 1

這是一項破壞性的任務。 它等效於：

const connect = Twilio.Video.connect;
const createLocalTracks = Twilio.Video.createLocalTracks;

有關詳細信息，包括哪些瀏覽器支持它，請參見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 。

Answer 2

模式是對象分解和分配，例如

 const Twilio = { Video: { connect:1, createLocalTracks:2 } }; const { connect, createLocalTracks } = Twilio.Video; console.log(connect, createLocalTracks); // 1, 2