2019-05-03

ES6 Part-2

목차 Class map, set modules (추가중) 1. Class자바스크립트는 프로토타입 기반 객체지향을 구현할 수 있다. ES6 에서 class를 활용 해서 좀 더 간결하게 구현 할 수 있다 123456789101112//ES5 (생성자 함수 + 프로토타입 메소드 사용 객체지향 구현)var Person = function(name, ye

2019-05-01

ES6 Part-1

ES6 정리 (간단예제 위주)목차 let & index Arrow function String Array Object Destructuring 1. let & constES5 - var 가 function scope 를 가졌던 것에 반해 ES6 의 const 와 let 은 Block scope를 가진다 1234567//ES5function

2019-02-04

Building objects

객체를 생성하는 여러가지 방식 중 하나는 new 키워드를 활용한생성자 함수 를 사용하는 방법이 있다. new keyword123456789101112131415// java 같은..function Person() { console.log(this); this.firstname = 'John', this.lastname

2019-02-04

OOP in javascript

prototype타 언어의 전통적인 상속은 상속을 구현하기 위해 많은 부수적인 것들을 고려해야 됐다. 반면에 자바스크립트의 상속은 prototypal inheritance로 좀 더 유연하고 직관적이다. 123456789101112131415161718192021222324var person = { firstname: 'Default',

2019-02-03

Funtional programming

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152// 비함수형var arr1 = [1,2,3];console.log(arr1);var arr2 = [];for (var i=0; i<arr1.length; i++) {

2019-02-02

call&apply&bind

자바스크립트 함수에는 앞서 언급한 code, name 외에도 call, apply, bind 라는 기본 메소드를 갖고 있다. 이 메소드들은 this 키워드를 조작해주는 역할을 한다. bind()12345678910111213141516171819202122var person = { firstname : 'John', lastname

2019-02-02

Closure part2

공장에서 정해진 포멧에 따라 제품들을 생산하는 것처럼 팩토리패턴은 전체 로직을 담은 팩토리함수를 생성, 클로저를 활용해서 반복되는 인자를 기본값으로 하는 함수를 재정의 하고, 호출하는 방식이다. 123456789101112131415161718192021// factory functionfunction makeGreeting(language) {

2019-02-01

Closure part1

12345678910111213141516//결과로 함수를 리턴 하는 함수function greet(whattosay) { return function(name) { console.log(whattosay + ' ' + name); }}greet('Hi')('Tony');//Hi Tony// gr

2019-01-31

IIFE

12345678910111213141516171819//function statementfunction greet(name) { console.log('Hello ' + name); }greet('John); //Hello John//using a function expression var greetFunc = function(n

2019-01-31

arguments & etc

Array as an Object12345678910111213141516171819202122// Dynamic typing 때문에 서로 다른 타입 요소로 가질 수 있음var arr = [ 1, false, { name: 'Tony', address: '111 Main St.' }, function(nam

Tag: javascript