NodeJS SyntaxError：意外的標記“。”

Question

Node JS 和 NPM 的初學者。 以下代碼引發語法錯誤，無法找出問題所在。

節點版本：v12.18.3 NPM 版本：7.15.1

錯誤

LayerObj.options?.["displayName"] != undefined
                       ^

SyntaxError: Unexpected token '.'
    at wrapSafe (internal/modules/cjs/loader.js:1053:16)
    at Module._compile (internal/modules/cjs/loader.js:1101:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (/Applications/MAMP/htdocs/nft-generators/hashlips_art_engine-main/index.js:2:39)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)

代碼

const layersSetup = (layersOrder) => {
  const layers = layersOrder.map((layerObj, index) => ({
    id: index,
    elements: getElements(`${layersDir}/${layerObj.name}/`),
    name:
      layerObj.options?.["displayName"] != undefined
        ? layerObj.options?.["displayName"]
        : layerObj.name,
    blend:
      layerObj.options?.["blend"] != undefined
        ? layerObj.options?.["blend"]
        : "source-over",
    opacity:
      layerObj.options?.["opacity"] != undefined
        ? layerObj.options?.["opacity"]
        : 1,
    bypassDNA:
      layerObj.options?.["bypassDNA"] !== undefined
        ? layerObj.options?.["bypassDNA"]
        : false,
  }));
  return layers;
};

Answer 1

可選鏈接 ( ?. )在 Node.js 14 中添加，並且在節點 12 中不直接可用。

這？。 算子就好了。 鏈接運算符，除了如果引用為空（null 或未定義）時不會導致錯誤，表達式會短路並返回未定義的值。 當與 function 調用一起使用時，如果給定的 function 不存在，則返回 undefined。

使用更新版本的 Node 或使用 Node 12 兼容代碼。

Node.js v14.0 中的新 JS 功能討論了 Node 14 中的一些新語言結構。