객체를 생성하는 여러가지 방식 중 하나는 new 키워드를 활용한생성자 함수 를 사용하는 방법이 있다. new keyword123456789101112131415// java 같은..function Person() { console.log(this); this.firstname = 'John', this.lastname
prototype타 언어의 전통적인 상속은 상속을 구현하기 위해 많은 부수적인 것들을 고려해야 됐다. 반면에 자바스크립트의 상속은 prototypal inheritance로 좀 더 유연하고 직관적이다. 123456789101112131415161718192021222324var person = { firstname: 'Default',
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152// 비함수형var arr1 = [1,2,3];console.log(arr1);var arr2 = [];for (var i=0; i<arr1.length; i++) {
자바스크립트 함수에는 앞서 언급한 code, name 외에도 call, apply, bind 라는 기본 메소드를 갖고 있다. 이 메소드들은 this 키워드를 조작해주는 역할을 한다. bind()12345678910111213141516171819202122var person = { firstname : 'John', lastname
공장에서 정해진 포멧에 따라 제품들을 생산하는 것처럼 팩토리패턴은 전체 로직을 담은 팩토리함수를 생성, 클로저를 활용해서 반복되는 인자를 기본값으로 하는 함수를 재정의 하고, 호출하는 방식이다. 123456789101112131415161718192021// factory functionfunction makeGreeting(language) {
12345678910111213141516//결과로 함수를 리턴 하는 함수function greet(whattosay) { return function(name) { console.log(whattosay + ' ' + name); }}greet('Hi')('Tony');//Hi Tony// gr
Array as an Object12345678910111213141516171819202122// Dynamic typing 때문에 서로 다른 타입 요소로 가질 수 있음var arr = [ 1, false, { name: 'Tony', address: '111 Main St.' }, function(nam
by Value 말 그대로 같은 ‘Value, 값’만 복사하고 각기 다른 메모리공간에 저장 따라서 a 나 b 의 값을 바꾼다고 해도 서로의 값에 영향을 주지 않는다 by Reference 메모리 상 해당 객체의 주소, reference를 복사하기 때문에 각기 다른 변수에 할당하더라도 모두 메모리상 같은 공간을 가르킨다.(해당 주소의 같은 메모리공간) 따라
Todo(리액트 , 노트js 수강 시작 / js, css 1일 1플젝 반복숙달 시작 / 블로깅, 정리 병행) React udemy section 13까지 Node js udemy section 15까지 Brad Bs Udemy 완강, 정리 Brad JS toy 1일 1
Asynchrounous in javascript동기식? 비동기식?자바스크립트는 싱글쓰레드 환경 내 동기식 처리(synchronous)(하나하나씩 작업 수행, 한 작업이 끝나기 전까지 다른작업 수행 안함) 을 기본으로한다. 콜스택 내에서 함수가 실행중인 경우 해당 함수
Todo ES6 주요내용 정리하기 part 1, part2 / 정리해서 블로깅 Udemy bootstrap 완강, 정리 (이론부분까지 수강, 담주 초반 필 마무리!) Learn by doing 시작 (유튭 brad js 1 / css 1 개씩 매일 만들기!) 블로그 개
목차 Class map, set modules (추가중) 1. Class자바스크립트는 프로토타입 기반 객체지향을 구현할 수 있다. ES6 에서 class를 활용 해서 좀 더 간결하게 구현 할 수 있다 123456789101112//ES5 (생성자 함수 + 프로토타입 메
ES6 정리 (간단예제 위주)목차 let & index Arrow function String Array Object Destructuring 1. let & constES5 - var 가 function scope 를 가졌던 것에 반해 ES6 의 con