Quick Tip: How JavaScript References Work

From SitePoint
March 16, 2017 - 4:00pm
This article was originally published on Medium. TL;DR: There are NO pointers in JavaScript and references work differently from what we would normally see in most other popular programming languages. In JavaScript, it’s just NOT possible to have a reference from one variable to another variable. And, only compound values (e.g.. Object or Array) can be assigned by reference. The following terms are used throughout the article: scalar - a singe value or unit of data (e.g. integer, boolean, string) compound - comprised of multiple values (e.g. array, object, set) primitive - a direct value, as opposed to a reference to something that contains the real value. JavaScript's scalar types are primitives, but some languages, such as Ruby, have scalar reference types. Note that in JavaScript, the scalar primitive values are immutable while compound values are mutable. Bottom Line: The typeof value assigned to a variable decides whether the value is stored with assign-by-value or assign-by-reference. On variable assignment, the scalar primitive values (Number, String, Boolean, undefined, null, Symbol) are assigned-by-value and compound values are assigned-by-reference. The references in JavaScript only point at contained values and NOT at other variables, or references. In JavaScript, scalar primitive values are immutable and compound values are mutable. Quick Example of Assign-by-Value: In the code snippet below, we are assigning a scalar primitive value (a number) to a variable and thus assign-by-value applies here. Firstly, the variable batman is initialized and when the variable superman is assigned with the value stored in batman, it creates a new copy of the value and stores it. When the variable superman is modified, batman is left unaffected, as they point to distinct values. var batman = 7; var superman = batman; //assign-by-value superman++; console.log(batman); //7 console.log(superman); //8 Quick Example of Assign-by-Reference: In the code snippet below, we are assigning a compound value (an array) to a variable and thus assign-by-reference applies here. The variables flash and quicksilver are references to the same value (aka shared value). The references will point to the updated value when the shared value is modified . var flash = [8,8,8]; var quicksilver = flash; //assign-by-reference quicksilver.push(0); console.log(flash);


Continue reading this article »