首頁 > web前端 > js教程 > 如何從 JavaScript 函數傳回多個值?

如何從 JavaScript 函數傳回多個值?

Susan Sarandon
發布: 2024-11-24 19:43:34
原創
579 人瀏覽過

How Can I Return Multiple Values from a JavaScript Function?

JavaScript 中可以傳回多個值嗎?

傳統上,JavaScript 函數只能傳回單一值。但是,有一些方法可以模擬傳回多個值。

陣列作為傳回值

一種方法是傳回包含所需值的陣列。例如:

function getValues() {
    return [getFirstValue(), getSecondValue()];
}
登入後複製

然後您可以使用解構賦值來存取值:

const [first, second] = getValues();
登入後複製

此方法相當於:

const values = getValues();
const first = values[0];
const second = values[1];
登入後複製

Object作為回傳值

另一個選項是傳回一個對象,其中每個物件都有命名屬性價值。這提供了一種傳回多個值的更結構化和標記的方法:

function getValues() {
    return {
        first: getFirstValue(),
        second: getSecondValue(),
    };
}
登入後複製

要存取這種情況下的值,您可以使用 ES6物件解構語法:

const {first, second} = getValues();
登入後複製

或者,你可以使用更詳細的方法:

const values = getValues();
const first = values.first;
const second = values.second;
登入後複製

建議

在Java 中傳回多個值的建議方法是使用物件。與使用陣列相比,這在 TypeScript 和 JSDoc 中提供了清晰的標籤、易於添加新值以及更好的類型安全性。僅傳回具有明確排序的簡單元組的數組,例如座標對 [x, y].

以上是如何從 JavaScript 函數傳回多個值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板