I was very surprised to see the following behavior in Node 14.18.0:

> {}?.fun();
Uncaught TypeError: b?.fun is not a function

> undefined?.fun();
undefined

I understand why the first statement throws a TypeError. {}?.fun is undefined, which is not callable. But undefined?.fun is also undefined, so why can it be called without throwing? What part of the ECMAScript specification defines this behavior? Did the ECMAScript working group provide any reasons why it should work this way?

CodePudding user response：

During optional chaining, if the current value within the chain is null or undefined, the expression short-circuits with a return value of undefined.

This is in the official docs:

The ?. operator is like the . chaining operator, except that instead of causing an error if a reference is nullish (null or undefined), the expression short-circuits with a return value of undefined. When used with function calls, it returns undefined if the given function does not exist.

Since {} is an actual object—without a method called fun()—it blows up, because you called a function that did not exist.

To fix your issue, you will need to call the function with optional chaining:

console.log(({})?.fun?.()); // undefined

CodePudding user response：

the work of? and say that possibly the value is undefined

normally used like this in typescript

console.log(myobj?.value ?? 'does not exist');

in javascript "?" it's useless

"?" doesn't do anything, it just signals that the value can be undefined, so when you put an object, it returns an error because this property doesn't exist in your object, whereas in undefined javascript it just ignores everything