Use value if it exists, else assign default using the or operator

javascript variable-assignment or-operator
Xiphias picture Xiphias · Nov 8, 2013 · Viewed 16.2k times · Source

I found this example in a book:

// Create _callbacks object, unless it already exists
var calls = this._callbacks || (this._callbacks = {});

I simplified it so that I did not have to use a special object scope:

var a = b || (b = "Hello!");

When b is defined, it works. When b is not defined, it does not work and throws a ReferenceError.

ReferenceError: b is not defined

Did I do anything wrong? Thank you!

Answer

Andrew Clark picture Andrew Clark · Nov 8, 2013

When performing a property lookup like this._callback, if the _callbacks property does not exist for this you will get undefined. However if you just do a lookup on a bare name like b, you will get a reference error if b does not exist.

One option here is to use a ternary with the typeof operator, which will return "undefined" if the operand is a variable that has not been defined. For example:

var a = typeof b !== "undefined" ? b : (b = "Hello!");

Related questions

JavaScript OR (||) variable assignment explanation

Given this snippet of JavaScript... var a; var b = null; var c = undefined; var d = 4; var e = 'five'; var f = a || b || c || d || e; alert(f); // 4 Can someone please explain to me what this technique is called (my best …

Read More
Multiple left-hand assignment with JavaScript

var var1 = 1, var2 = 1, var3 = 1; This is equivalent to this: var var1 = var2 = var3 = 1; I'm fairly certain this is the order the variables are defined: var3, var2, var1, which would be equivalent to this: var var3 = 1, var2 = var3, var1 = var2; Is …

Read More
Operator precedence with Javascript Ternary operator

I cant seem to wrap my head around the first part of this code ( += ) in combination with the ternary operator. h.className += h.className ? ' error' : 'error' The way i think this code works is as following: h.className = h.…

Read More