DEV Community

Difference between ? and ?? in JavaScript/Typescript

Muhammad Saim Hashmi on October 26, 2022

Hey folks, if you have opened this article that means you are curious about these 2 operators, how they operate, and what's the difference between ...
Collapse
 
noriller profile image
Bruno Noriller

Hey!
I know what you meant, but the user.fullName don't crash. It just returns undefined.
For it to crash you would need user.fullName.somethingElse.

This is because the user object exists and it's not a problem to try access keys that don't exist.

Also, this could be translation issues, but ?? works as ||, except, as you said, only with null and undefined.

As a tip: use 3 backticks (`) plus the language to print code:

// ts example here
// just add "ts" after the backticks
const script: Language = "javascript";
Enter fullscreen mode Exit fullscreen mode
Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Great, thanks for the correction Bruno.

Collapse
 
tasin5541 profile image
Miftaul Mannan

Another thing to keep in mind when you're checking for empty string (i.e ""). Nullish Coalescing Operator (??) will return false only if the variable is null. But Optional Chaining Operator (?) will return false if either the value is null or if it's an empty string.

var name = "";

console.log("hello", name  ? name : "empty");
// hello empty

console.log("hello", name  ?? "empty");
// hello
Enter fullscreen mode Exit fullscreen mode
var name = null;

console.log("hello", name  ? name : "empty");
// hello empty

console.log("hello", name  ?? "empty");
// hello empty
Enter fullscreen mode Exit fullscreen mode
Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Great, thanks

Collapse
 
sagaryal profile image
Sagar Aryal

Just to clarify below code is Not Optional Chaining Operator but Ternary operator.

console.log("hello", name  ? name : "empty");
Enter fullscreen mode Exit fullscreen mode
Collapse
 
devmando profile image
CodeFilez

You learn something everyday! :)

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Learning never stops :))

Collapse
 
kievandres profile image
Kiev Andres

Thanks for the article!

Collapse
 
srnascimento40 profile image
SrNascimento40

Nice, i didn't know "??" Seems very helpful

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Do give it a shot.

Collapse
 
gajjardarshithasmukhbhai profile image
Darshit Gajjar • Edited

I love this article ❤️❤️

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Glad to hear it.

Collapse
 
akhan763 profile image
Ali Khan

Such an informational feed!

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Thanks a lot buddy.

Collapse
 
yashraj021 profile image
Yash

It returns true for 0 and false for Unknown and Null

Collapse
 
x3daniking profile image
Adnan Khan

Wow, thanks dude for the gain

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

Most welcome. Follow me for more articles. Happy Friday.

Collapse
 
quannh2 profile image
Quan Nguyen

Clear information. Thanks!

Collapse
 
saimwebhr profile image
Muhammad Saim Hashmi

I'm happy to help.

Collapse
 
sagaryal profile image
Sagar Aryal • Edited

As @noriller has already mentioned, above example is incorrect. Also I would like to mention that ? is not Optional Chaining Operator but ?. is.

I think it would be better if the author could correct the Post to avoid misunderstanding. Thanks.