7 JavaScript Things I Wish I Knew Much Earlier In My Career

One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. So, in the past when we wanted to create an object, we wrote:

<span class="token keyword">var</span> car <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Object</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
car<span class="token punctuation">.</span>colour <span class="token operator">=</span> <span class="token string">'red'</span><span class="token punctuation">;</span>
car<span class="token punctuation">.</span>wheels <span class="token operator">=</span> <span class="token number">4</span><span class="token punctuation">;</span>
car<span class="token punctuation">.</span>hubcaps <span class="token operator">=</span> <span class="token string">'spinning'</span><span class="token punctuation">;</span>
car<span class="token punctuation">.</span>age <span class="token operator">=</span> <span class="token number">4</span><span class="token punctuation">;</span>

The same can be achieved with:

<span class="token keyword">var</span> car <span class="token operator">=</span> <span class="token punctuation">{</span>
  colour<span class="token punctuation">:</span><span class="token string">'red'</span><span class="token punctuation">,</span>
  wheels<span class="token punctuation">:</span><span class="token number">4</span><span class="token punctuation">,</span>
  hubcaps<span class="token punctuation">:</span><span class="token string">'spinning'</span><span class="token punctuation">,</span>
  age<span class="token punctuation">:</span><span class="token number">4</span>
<span class="token punctuation">}</span>