在前端開發中，我們經常需要從后端（如MySQL數據庫）獲取數據。下面我們將介紹使用JavaScript從MySQL取出用戶名和密碼的方法。

//引入MySQL模塊
const mysql = require('mysql');
//創建連接
const connection = mysql.createConnection({
host: 'localhost',
user: 'username',
password: 'password',
database: 'test'
});
//連接數據庫
connection.connect();
//查詢數據
let sql = 'SELECT name, password FROM users';
connection.query(sql, (error, results, fields) =>{
if (error) {
console.log(error);
} else {
//成功時的操作
console.log(results);
}
});
//關閉連接
connection.end();

上述代碼中，我們首先引入了MySQL模塊，使用該模塊創建了一個連接，連接上了數據庫。然后使用SQL查詢了名為users的表中的所有用戶名和密碼。查詢成功后，可以在回調函數中使用查詢結果。最后，我們關閉了數據庫連接。

當然，上述代碼中的用戶名和密碼是假的，你需要根據自己的情況進行替換。

需要注意的是，前端代碼中使用MySQL模塊進行查詢數據庫并不安全，建議使用后端語言進行中轉操作，以增強安全性。