개발공부블로그

1.Arrow Function ​ 우선, ES5의 함수 사용법이다. var hello = function(x){ return x*2; } 그리고 ES6의 ArrowFunction 사용예시이다. const hello = (x) => { return x*10; } 매개변수가 1개인 경우에는 다음과 같이 소괄호를 생략 가능하다. const hello = x =>{ return x*10 } 또한, 함수가 한 줄로 표현 가능하다면, 중괄호 생략이 가능하고, 자동으로 리턴된다. 이는 매개변수가 두 개 이상일때도 같다. const hello = x => x * 10 const hi = (x,y) => x * y 매개변수가 없을 경으 다음과 같이 사용한다. () =>{ .... } 이 arrow function은 콜백..

개발공부/EcmaScript6 2019. 9. 11. 11:11

* 프로토타입 객체도 객체이다. - 프로토타입 객체도 프로퍼티 추가 삭제가 가능하다. 이 말은 다시말해, 실시간으로 프로토타입 체이닝이 반영된다는 것이다. ​ 11. 프로토타입 메서드와 this 바인딩 - 프로토타입 객체가 가지는 메서드 : "프로토타입 메서드" 라고 부른다. - 객체의 메서드를 호출할 때 this바인딩과 동일하다. ​ -> * 객체의 메서드를 호출할 때 this 바인딩(앞 내용 다시) - 해당 메서드를 '호출'한 객체로 바인딩된다. (프로토타입 메서드도 동일하다는 말이다.) ​ ex) 생성자 함수 생성 -> (자동으로)프로토타입 객체 생성 -> 객체 'A' 생성 -> 프로토타입 객체에 메서드('this가 있음.') 추가. - > A객체에서 방금만든 메서드를 호출할 경우 this는 A에 ..

개발공부/JavaScript 2019. 9. 11. 10:51

*생성자 함수란? - 자바스크립트의 객체를 생성하는 역할을 한다. - C++ 이나 자바같은 객체지향 언어에서와 다르게 기존함수에 new연산자를 붙여 호출하면 해당 함수는 생성자 함수로 동작한다. - 이 이유 때문에 원치않는 생성자 함수로 동작할 수 있다. (이 때문에, JS 스타일 가이드에 따르면 특정 함수가 생성자 함수로 정의되어 있음을 알리기 위해 함수이름 첫 문자를 대문자로 쓰기를 권한다.) ​ 앞의 내용을 다시한번 정리해보자. * 객체란 : 서로 연관된 함수와 변수를 그룹핑한 그릇으로, 객체 내의 변수를 property 함수를 method라고 부른다. * 생성자란: 객체를 만드는 역할을 하는 함수다. * new를 생성자 앞에 붙일 경우, 객체를 생성하여 반환한다.(이러한 작업을 "초기화"라고 한다..

개발공부/JavaScript 2019. 9. 11. 10:47

1. 객체란? 서로 연관된 함수와 변수를 그룹핑한 그릇으로, 객체 내의 변수를 property, 함수를 method라고 부른다. 2. 함수 표현식 방식 - 자바스크립트에서 함수는 일급객체로, 함수도 하나의 값처럼 취급한다. ​ * 일급 객체란? : 다음과 같은 조건을 만족할 때 일급 객체라고 말할 수 있다. 1. 변수나 데이터 구조 안에 담을 수 있다. 2. 파라미터로 전달 할 수 있다. 3. 반환 값(return value)로 사용할 수 있다. 4. 할당에 사용된 이름과 관계없이 고유한 구별이 가능하다. 5. 동적으로 프로퍼티 할당이 가능하다. 2-(1). 선언문 방식 ex) ​ 2-(2). 함수 표현식 ​ - 생성된 함수를 변수에 할당하여 함수를 생성하는 것을 "함수 표현식"이라고 한다. *(참고) ..

개발공부/JavaScript 2019. 9. 11. 10:40