javascript - 冒号(: ) mean in this javascript line?

Question

下面第 3-6 行中的“:”是什么意思？

function displayError(error) {
    var errorTypes = {
        0: "Unknown error",
        1: "Permission denied",
        2: "Position is not available",
        3: "Request timeout"
    };
    var errorMessage = errorTypes[error.code];
    if (error.code == 0 || error.code == 2) {
        errorMessage = errorMessage + " " + error.message;
    }
    var div = document.getElementById("location");
    div.innerHTML = errorMessage;

}

Answer 1

变量 errorTypes 是一个 object literal . : 将对象属性名称(数字)与其值分开。如果你熟悉其他语言的哈希表，这个结构是一个类似的概念。或者在 PHP 中，例如，这可以表示为关联数组。

你可以这样做:

var errorTypes = {
    0: "Unknown error",
    1: "Permission denied",
    2: "Position is not available",
    3: "Request timeout"
};

console.log(errorTypes[0]);
// Unknown error

console.log(errorTypes[2]);
// Permission denied

请注意，引用对象属性的常规语法(使用点运算符)不适用于这些数字属性:

// Won't work for numeric properties
errorTypes.0
SyntaxError: Unexpected number

// Instead use the [] notation
errorTypes[0]

在这种情况下，由于使用了数字属性名称，因此可以将整个事物定义为数组，并通过 [] 符号以完全相同的方式访问，但语法控制较少键。

// As an array with the same numeric keys
var errorTypes = [
    "Unknown error",
    "Permission denied",
    "Position is not available",
    "Request timeout"
];
console.log(errorTypes[2]);