這是什麼語法在Javascript

意思

我正在尋找在javascript TWILIO的API，我發現像這是什麼語法在Javascript

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中

來源

2017-06-06 Ash

對象解構 – david

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment – zerkms

作爲未來的建議 - ES2015 +提供了大量新語法 - 如果遇到您不瞭解的內容，您可以將其粘貼到http://babeljs.io/repl/中查看相關的「舊學校「的JavaScript等價 - 但是，一些新的構造（異步/等待，生成rs等）在轉譯時看起來令人望而生畏！ –

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

const Twilio = { Video: { connect:1, createLocalTracks:2 } }; 
 

 
const { connect, createLocalTracks } = Twilio.Video; 
 

 
console.log(connect, createLocalTracks); // 1, 2

來源

2017-06-06 05:09:34 guest271314

這是一個解構任務。它等效於：

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

詳見https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment，其中包括瀏覽器都支持。

來源

2017-06-06 05:09:24 Trott

這是什麼語法在Javascript

回答

相關問題