# Fundamentals

2 min read, 298 words fundamental basic primitives

# Object Literals

New syntax object literal syntax. It tells javscript to create a memory references with name book in memeory and assign this value to it.

var book = {
  title: 'foo',
  author: 'bar',
}

# Property Value SHorthand

Sometimes we declare objects with one or more properties whose values are references to variables by the same name

var listeners = []
function listen() {}
var events = {
  listeners: listeners,
  listen: listen
}

is equivalent to

var listeners = []
function listen() {}
var events = { listeners, listen }

# Computed Property

# Lexical Scoping

In the body of an arrow function, this, arguments, and super point to the containing scope

# Assignment Destructuring

syntax to unpack values from arrays, or properties from objects, into distinct variables

# Use cases

Whenever there’s a function that returns an object or an array, destructuring makes it much terser to interact with.

# Symbol

const mystery = Symbol('my symbol')

Symbols (opens new window) could be used by a library to map objects to DOM elements. For example, a library that needs to associate the API object for a calendar to the provided DOM element.

# Proxies

Proxies are an interesting and powerful feature in ES6 that act as intermediaries between API consumers and objects. In a nutshell, you can use a Proxy to determine the desired behavior whenever the properties of an underlying target object are accessed. A handler object can be used to configure traps for your Proxy, which define and restrict how the underlying object is accessed, as we’ll see in a bit.

# CommonJS

Attempt to implement module system in javascript.

# References

← Modular Thinking Questions →