Karolis Ramanauskas

Posted on May 30, 2018 • Originally published at karolisram.com on Apr 21, 2018

Can (aﾠ == 1 && a == 2 && ﾠa == 3) equal true?

#interviewquestions #javascript

Here is a JavaScript trivia question. Can the expression (aﾠ == 1 && a == 2 && ﾠa == 3) ever evaluate to true? Well, today I found out it can. Run the below code and see for yourself.

Now let's look at seemingly the same code below. Try to run it. This time the expression does not evaluate to true. So what changed?

The difference is actally really simple and much less mysterious once you figure out what's happening. Apparently, there is a Unicode character called Halfwidth Hangul Filler which is a Korean symbol and is, for all intents and purposes, invisible. So the reason why the first code snippet evaluates to true is because the three variables a are in fact three distinct variables. One of them is prepended with halfwidth hangul filler, another one is left intact and the third one is appended with the hidden character.

Now next time someone asks you whether (aﾠ == 1 && a == 2 && ﾠa == 3) can ever equal to true, you can answer them that yes, indeed it can (with a small caveat) 😀

Latest comments (16)

Alessandro Romani • Jun 24 '18

lol nice post :)

Eric Keyte • Jun 3 '18

This feels a little clickbait-y. It feels the same as photographing two glasses of water after 3 hours in the freezer, and then saying, “we put two glasses of water in the freezer and one of them didn’t freeze!” And then revealing that one glass was actually full of vodka.

I don’t want to try to misunderstand the spirit of this article, but I don’t get why any of this is relevant.

eclejian • Aug 3 '18

Haha exactly.

IsaacLeimgruber • May 31 '18

Does it not work if you set a to True since then 1,2,3 are cast to booleans and are evaluated at True aswell?

J. Pichardo • May 31 '18 • Edited

1,2,3 are not casted to booleans as they are primitive types themselves.

IsaacLeimgruber • May 31 '18

In C bool is int is char

Theofanis Despoudis • May 31 '18

Changing var to let will give you a hint

Karolis Ramanauskas • May 31 '18

That's right! Although for the hint to be useful you have to know that let throws an exception if you try to redeclare a variable.

Žane Suhadolnik • May 31 '18

Maybe with the === operator?

Guillaume Martigny • May 31 '18

As long as it's 3 different variables, the === operator will not be helpful. This is a "magic" trick, not a bug ;)

J. Pichardo • May 31 '18 • Edited

Nice post, I wouldn't have thought about using an "invisible" character.

Now, for the curious people, there is also another way :)



const a = {
  valueOf: (function(){
      let x = 1;
      return () => x++;
    })()
}

console.log(a == 1 && a == 2 && a == 3); // => true

Just for reference, the concepts used here are type coercion, closures and immediate function invocation.

Regards

p.s. can a === 1 && a === 2 && a === 3 evaluate to true?

Henrique Marques • Jun 4 '18

Nice! Way more useful and interesting than the actual post.

Junyoung Clare Jang • Jun 2 '18

Yes, you also can make true from a === 1 && a === 2 && a === 3 without invisible character, since, we have getter.

let i = 0;
Object.defineProperty(window, 'a', {
  get: function() {
    return ++i;
  }
});
console.log(a === 1 && a === 2 && a === 3);

J. Pichardo • Jun 2 '18

Precisely, nice catch.

Nested Software • May 31 '18

This is very cool and scary!

Karolis Ramanauskas • May 31 '18

Nice, interesting approach!

View full discussion (16 comments)

DEV Community

Can (aﾠ == 1 && a == 2 && ﾠa == 3) equal true?

Latest comments (16)

Read next

Facebook post UI clone! 🚀 - Tailwind

React native and the JavaScript bridge.

Efficient Patterns for Effects

HTMZ inspired form subission