Javascript Short-Circuit (Strange use of II / OR operator)

Question

I ran into this piece of code:

<a  ng-click= "item.statusId !== itemStatus.in || transfer()">

I guess we can generalize as:

<element ng-click = "someVar !== someValue || doStuff()">

I then found this article on short circuits and another more focused one once I knew what they are called. However, I still don't get it.

Does it basically work on the principle of an OR statement ending evaluation if the first statement evaluates to true? So if the first statement is true, end evaluation, if it's false, run the function in the second half of the OR statement? (This is the main question I am asking, everything else is extra).

I guess that part I don't get is whether the compiler interprets this code differently or it still evaluates to false and just runs the function. Not even sure how to phrase Q.

Answer 1

Does it basically work on the principle of an OR statement ending evaluation if the first statement evaluates to true? So if the first statement is true, end evaluation, if it's false, run the function in the second half of the OR statement?

It's effectively shorthand for an if statement, and you intuited correctly why it works. For more details on short-circuit evaluation in JavaScript, see this Stack Overflow question.

Answer 2

That code is equivalent to:

//Note the intentional and explicit use of `== false` to mean falsy (NOT `=== false` to indicate strict equality test for false)
if( (item.statusId !== itemStatus.in) == false ) {
 transfer();
}

It is an interesting means of executing a function only when a condition is falsy.

There are many different examples of this around on StackOverflow, and is not specific to AngularJS.