此语法在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