(ES6) Symbol

console.log(false === false);
console.log('asdf' === 'asdf');
console.log(null === null);
console.log(undefined === undefined);
console.log(1 === 1);

console.log(0 === -0); // true
console.log(NaN === NaN); // false
console.log(typeof null); // object

console.log(Object.is(0, -0)); // false
console.log(Object.is(NaN, NaN)); // true
console.log(isNaN(NaN)); // true
console.log(Number.isNaN(NaN)); // true

var a = 'strin';
var b = a;
a += 'g';
console.log(a); // 'string'
console.log(b); // 'strin'

console.log(typeof function(){}); // function
console.log(typeof []); // object
console.log(typeof /\d/); // object
console.log(typeof new Data()); // object
console.log(typeof {}); // object
// ES6에서는 (Weak)Map/Set과 TypedArray까지 객체로 추가되었다.

var func = function(){};
var arr = [];
var regExp = /\d/;
var date = new Date();
var obj = {};
func.a = 1;
arr.a = 1;
regExp.a = 1;
date.a = 1;
obj.a = 1;
console.dir(func);
console.dir(arr);
console.dir(regExp);
console.dir(date);
console.dir(obj);

console.log(function(){} === function(){});
console.log([] === []);
console.log(/\d/ === /\d/);
console.log(new Date() === new Date());
console.log({} === {});

var arr = [];
var arr2 = arr;
arr.push(1);
// arr2에 넣지도 않은 1의 값이 들어가있다.  
// 이는 arr2가 arr의 값을 가져온 게 아니라 메모리 주소를 가져와 참조하고 있기 때문에 발생한다.
console.log(arr2); // [1]

console.log(Symbol('a') === Symbol('a')); // false

const a = Symbol('a');
a.a = 1;
console.dir(a); // a 프로퍼티가 안 찍혀서 나온다.

// ES5에서 Array인지 아닌지 구분하는 표준화된 방법이 없다.  
// typeof 연산자를 써도 object를 반환하기 때문에 구분해낼 방법이 없다.  
// 따라서 아래와 같이 함수화시켜서 라이브러리로 제작 후에 많은 사람에게 배포했다고 가정해보자.  
// 예제기 때문에 Boolean 대신에 String을 반환하게 했다는 점은 감안해주길 바란다.
Array.isArray = function(arg) {
  return (Object.prototype.toString.call(arg) === '[object Array]') ? 'Array' : 'Not Array';
};

var arr = [1, 2, 3];
if(Array.isArray(arr) === 'Array') console.log('나는 배열이당!');
else console.log('나는 배열이 아니당!');

console.log(Object.getOwnPropertyDescriptor(Array, 'isArray').writable); // true

console.log(Object.getOwnPropertyDescriptor(Number, 'MAX_SAFE_INTEGER').writable); // false

const isArray = Symbol('isArray');
const isRegExp = Symbol('isArray');
const isDate = Symbol('isArray');
const isObject = Symbol('isArray');
Array[isArray] = arg => {
  // 코드 작성
};
RegExp[isRegExp] = arg => {
  // 코드 작성
};
Date[isDate] = arg => {
  // 코드 작성
};
Object[isObject] = arg => {
  // 코드 작성
};

const $SYMBOL = { // 전역 공간에 노출되므로 그 어떤 이름과도 충돌이 나지 않게 지어야한다.
  isArray: Symbol('isArray'),
  isRegExp: Symbol('isArray'),
  isDate: Symbol('isArray'),
  isObject: Symbol('isArray')
};
Array[$SYMBOL.isArray] = arg => {
  // 코드 작성
};
RegExp[$SYMBOL.isRegExp] = arg => {
  // 코드 작성
};
Date[$SYMBOL.isDate] = arg => {
  // 코드 작성
};
Object[$SYMBOL.isObject] = arg => {
  // 코드 작성
};

// symbol.js
export const isArray = Symbol('isArray');
export const isRegExp = Symbol('isArray');
export const isDate = Symbol('isArray');
export const isObject = Symbol('isArray');

// lib.js
import {isArray, isRegExp, isDate, isObject} from './symbol';
Array[isArray] = arg => {
  // 코드 작성
};
RegExp[isRegExp] = arg => {
  // 코드 작성
};
Date[isDate] = arg => {
  // 코드 작성
};
Object[isObject] = arg => {
  // 코드 작성
};

const a = Symbol('key');
const b = Symbol.for('key2');
console.log(a === Symbol('key')); // false
console.log(b === Symbol.for('key2')); // true

// usage
const obj = {
  [a]: 1,
  [b]: 2
};
console.log(obj[a]); // 1
console.log(obj[b]); // 2

console.log(typeof Symbol('a')); // 'symbol'
// 이제 new 연산자는 클래스에서만 쓰자, 이제 자바스크립트가 꽃길만 걷길 바란다.
const a = new Symbol('a'); // Uncaught TypeError: Symbol is not a constructor

const asdf = Symbol('asdf');
const qwer = Symbol.for('qwer');
console.log(asdf); // Symbol(asdf), 문자열이 아닌 Symbol 타입이다.
console.log(String(asdf)); // 'Symbol(asdf)'
console.log(asdf.toString()); // 'Symbol(asdf)'
console.log('' + asdf); // Uncaught TypeError: Cannot convert a Symbol value to a string
console.log(asdf.toString().substr(7).slice(0, -1)); // 'asdf'
console.log(Symbol.keyFor(qwer)); // 'qwer'

const symbol = Symbol('symbol');
const symbol2 = Symbol('symbol2');

const obj = {
  key: 1,
  method: () => console.log(2),
  [symbol]: 3,
  [symbol2]: () => console.log(4)
};

// Symbol은 객체의 표준 메소드나 기존의 방법으로는 노출되지 않는다.  
for(const key in obj) console.log(key); // 'key' 'method'
console.log(Object.keys(obj)); // ['key', 'method']
console.log(Object.getOwnPropertyNames(obj)); // ['key', 'method']

// 하지만 그렇다고 해서 프로퍼티가 은닉화된 것은 아니다.
// 아래와 같이 접근이 가능하기 때문이다.
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(symbol), Symbol(symbol2)]

// 프로퍼티(키와 심볼)를 모두 가져오려면 Reflect 객체를 사용해야한다.
// 레인보우 리플렉션(무지개 반사)을 초등학교 때 많이 썼는데, Reflect는 '비추다'란 뜻이다.
// 즉 해당 객체를 비추어 안에 내용물을 다 본다고 생각하면 될 것 같다.
console.log(Reflect.ownKeys(obj));  // ['key', 'method', Symbol(symbol), Symbol(symbol2)]