Appendix A: Exploring Further - hochan222/Everything-in-JavaScript GitHub Wiki

Values vs. References

JS에서 값 자체를 할당/전달하면 값이 복사된다.

var myName = "Kyle"; 
var yourName = myName;

myName에 저장돼있는 "Kyle"의 문자열과는 별도로 복사된 사본이 yourName에 저장된다. 그 이유는 primitive value이고 할당/전달 시에 항상 복사본으로 전달된다.

var myName = "Kyle";
var yourName = myName;
myName = "Frank";

console.log(myName);
// Frank
console.log(yourName);
// Kyle

JS에서는 객체 값 (배열, 객체, 함수 등) 만 참조로 처리된다.

var myAddress = {
street: "123 JS Blvd", city: "Austin", state: "TX"
};
var yourAddress = myAddress;
// I've got to move to a new house!
myAddress.street = "456 TS Ave"; console.log(yourAddress.street);
// 456 TS Ave

Primitive는 값으로 유지되고 Object는 참조로 유지된다.

So Many Function Forms

다음은 식별자가 없기 때문에 익명함수인데 JS에서는 익명 함수에 대해 "이름 추론"을 시행한다.

var awesomeFunction = function(coolThings) { 
  // ..
  return amazingStuff; 
};

awesomeFunction.name;
// "awesomeFunction"

이름 추론은 함수 표현식이 할당된 경우같이 제한된 경우에만 발생한다.
다음은 다양한 함수 선언 양식들이다.

// generator function declaration
function *two() { .. }

// async function declaration
async function three() { .. }

// async generator function declaration
async function *four() { .. }

// named function export declaration (ES6 modules)
export function five() { .. }

다음은 다양한 함수 표현식 형식들이다.

// IIFE
(function(){ .. })(); (function namedIIFE(){ .. })();

// asynchronous IIFE
(async function(){ .. })();
(async function namedAIIFE(){ .. })();

// arrow function expressions
var f;
f = () => 42;
f = x => x * 2;
f = (x) => x * 2;
f = (x,y) => x * y;
f = x => ({ x: x * 2 });
f = x => { return x * 2; }; f = async x => {
var y = await doSomethingAsync(x);
return y * 2; };

someOperation( x => x * 2 ); // ..

Coercive Conditional Comparison

var x = "hello";

if (Boolean(x) == true) { 
  // will run
}

// which is the same as:
if (Boolean(x) === true) { 
  // will run
}

Prototypal “Classes”

var Classroom = { 
  welcome() {
    console.log("Welcome, students!"); 
  }
};

var mathClass = Object.create(Classroom);

mathClass.welcome();
// Welcome, students!

function Classroom() { 
  // ..
}

Classroom.prototype.welcome = function hello() { 
  console.log("Welcome, students!");
};

var mathClass = new Classroom();

mathClass.welcome();
// Welcome, students!