How to use optional chaining in Node.js 12

Javascriptnode.js

Javascript Problem Overview


Optional chaining (obj?.param1?.param2) seems to be a great feature and I really wanted to see it implemented and finally get rid of nested ifs, arbitrary functions and what not for such a simple operation.

But there's a problem, it doesn't work. I updated to Node 12 and I still get an error:

var dude = res?.param?.params[0]
SyntaxError: Unexpected token '.'

or

var dude = res.param?.params[0]
SyntaxError: Unexpected token '.'

What is the problem?

Do I need to change some language config or download a library to enable this feature? Or is it simply not out yet?

Javascript Solutions


Solution 1 - Javascript

Optional chaining is currently not supported in Node.js version 13 and below. It will be supported from Node.js version 14 and most of the browsers as it is moved to Stage 4. Currently, few platforms are supporting it. You can find the list of platforms supporting optional chaining in the given link. You can enable optional using --harmony flag.

Solution 2 - Javascript

The spec for the optional chaining feature was just promoted to Stage 4 (Finished) on December 22, 2019. Node 12 came out before the spec was final - and so did Node 13, for that matter.

According to node.green, optional chaining will be supported starting with Node 14, but will still require the --harmony flag. (This seems to conflict with Node's description of the --harmony flag - V8's shipping features aren't supposed to require the flag - so I'm not sure what to make of that.) Still, whether it needs a flag or not, I wouldn't expect to see the feature until the Node 14 release around April 2020.

If you want to play with optional chaining today, your best bet is to use TypeScript (which added optional chaining in version 3.7) or a preprocessor like Babel.

Solution 3 - Javascript

I was able to use nodejs v13.7.0 with --harmony flag.

> node --harmony myCode.js > > Dinah

> undefined

> undefined

//myCode.js

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const catName = adventurer.cat?.name;
console.log(catName);
// expected output: Dinah
const dogName = adventurer.dog?.name;
console.log(dogName);
//expected output: undefined

console.log(adventurer.someNonExistentMethod?.())
//expected output: undefined

Solution 4 - Javascript

Optional Chaining will be implemented with Node.js v14, which will be released on 20/04/2020. By now, you may use Babel with @babel/plugin-proposal-optional-chaining.

Solution 5 - Javascript

If you're still having this issue, check the node version you're using node --version.

If you have nvm, make sure you're using a node version that implements the operator that is giving an error.

e.g.

nvm install 15.8
nvm use 15.8

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionalmarcView Question on Stackoverflow
Solution 1 - JavascriptBalaj KhanView Answer on Stackoverflow
Solution 2 - JavascriptJoe WhiteView Answer on Stackoverflow
Solution 3 - Javascriptuser3283069View Answer on Stackoverflow
Solution 4 - JavascriptChemaView Answer on Stackoverflow
Solution 5 - JavascriptleleView Answer on Stackoverflow