본문 바로가기

프로그래밍/javascript3

[모던JS] ES6 함수의 추가 기능 화살표 함수 1.함수 정의 -화살표 함수는 함수 선언문으로 정의할 수 없고 함수 표현식으로 정의해야 한다. 호출 방식은 기존 함수와 동일하다. const multiply = (x,y)=>x*y; multiply(2,3);//6 2. 매개변수 선언 -매개변수가 여러개인 경우 소괄호( ) 안에 매개변수를 선언한다. const arrow = (x,y)=> {...}; -매개변수가 한개인 경우 소괄호 ( )를 생략할 수 있다. const arrow = x=> {...}; -매개변수가 없는 경우 소괄호( )를 생략할 수 없다. const arrow = ()=> {...}; 3.함수 몸체 정의 -함수 몸체가 하나의 문으로 구성된다면 함수 몸체를 감싸는 중괄호를 { }를 생략할 수 있다. -함수 몸체를 감싸는 중괄호.. 2023. 6. 26.
[모던JS] this this -this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. -this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. -this가 가르키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. ​ 바인딩이란 식별자와 값을 연결하는 과정을 의미한다. 예를 들어, 변수 선언은 변수 이름(식별자)과 확보된 메모리 공간의 주소를 바인딩하는 것이다. this와 this가 가리킬 객체를 바인딩하는 것이다. ​ -자바스크립트의 this는 함수가 호출되는 방식에 따라 this에 바인딩될 값, 즉 this바인딩이 동적으로 결정된다. //this는 어디서든지 참조 가능하다. //전역에서 this는 전역 객체 window를 .. 2023. 6. 26.
[모던JS] INTRO 현재 같이 스터디 하고 있는 현직 개발자 형님께서 자바스크립트도 중요하다고 하셔서 좀 더 깊게 공부 해볼려고 추천받은 책 을 샀다. 책은 모던 자바스크립트 Deep Dive 이고 내용은 기존 배웠던 기초보다 더 깊게 써 있는 내용이다. ​ 책은 밑에 하단 링크에 들어가면 있다. 이 책도 마스터 할 예정이다. 참고로 책은 생각보다 두껍고, 비싸다 ㅋㅋㅋㅋ https://product.kyobobook.co.kr/detail/S000001766445 모던 자바스크립트 Deep Dive | 이웅모 - 교보문고 모던 자바스크립트 Deep Dive | 269개의 그림과 원리를 파헤치는 설명으로 ‘자바스크립트의 기본 개념과 동작 원리’를 이해하자!웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 prod.. 2023. 6. 25.