728x90 반응형 IT/Javascript43 [Javascript] - 자바스크립트 화살표 함수(Arrow Function) 사용법 #자바스크립트 화살표 함수(Arrow Function) 사용법 -화살표 함수는 function 키워드 대신 화살표(=>, fat arrow)를 사용하여 기존의 함수 정의 방식보다 간략하게 함수를 정의할 수 있으며 호출 방식은 기존 함수와 동일하다. #함수 정의 const plus = (x, y) => x + y; // 8 console.log(plus(3, 5)); #화살표 함수는 인스턴스를 생성할 수 없다. const arrow = () => {}; // 화살표 함수는 생성자 함수로서 호출할 수 없다. new arrow(); // Uncaught TypeError: arrow is not a constructor #중복된 매개변수 이름을 선언할 수 없다. const arrowFunction = (a, .. 2021. 7. 30. [Javascript] - 자바스크립트 javascript:void(0) 의미 #자바스크립트 javascript:void(0) 의미 -링크를 정상적으로 작동하지 않게 무효화시킨다. -void는 undefined를 반환한다. #예시 테스트 -href="#" 도 같은 동작을 하지만 화면 최상단으로 이동하는 단점이 있다. -그래서 onclick="return false;" 로 이동을 막을 수 있다. #예시 테스트2 2021. 7. 27. [Javascript] - 자바스크립트 var, let, const 키워드 차이 및 사용법 #자바스크립트 var, let, const 키워드 차이 및 사용법 -자바스크립트에서 변수를 사용하려면 반드시 선언이 필요하다. -변수를 선언할 때는 var, let, const 키워드를 사용한다. -let, const는 ES6부터 도입되었다. #var 키워드의 문제점 1. 변수 중복 선언 허용 -var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언을 허용한다. -초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작한다. -만약 동일한 이름의 변수가 이미 선언되어 있는 것을 모르고 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생한다. #예시 var x = 1; var y = 1; var x = 100; var y.. 2021. 7. 24. [Javascript] - 자바스크립트 클로저(closure)란 ? #자바스크립트 클로저(closure)란 ? -클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다. #예시 const x = 1; function outer() { const x = 10; const inner = function () { console.log(x); }; return inner; } const innerFunc = outer(); innerFunc(); // 10 -외부 함수보다 중첩 함수가 더 오래 유지되는 경우 중첩 함수는 이미 생명 주기가 종료한 외부 함수의 변수를 참조할 수 있다. 이러한 중첩 함수를 클로저(closure)라고 부른다. 2021. 7. 24. [Javascript] - 자바스크립트 렉시컬 스코프(Lexical Scope)란 ? #자바스크립트 렉시컬 스코프(Lexical Scope)란 ? -자바스크립트 엔진은 함수를 어디서 호출했는지가 아니라 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 이를 렉시컬 스코프(정적 스코프)라 한다. #예시 const x = 1; function foo() { const x = 10; bar(); } function bar() { console.log(x); } foo(); // 1 bar(); // 1 -렉시컬 환경의 "외부 렉시컬 환경에 대한 참조"에 저장할 참조값. 즉 상위 스코프에 대한 참조는 함수 정의가 평가되는 시점에 함수가 정의된 환경(위치)에 의해 결정된다. 이것이 바로 렉시컬 스코프다. 2021. 7. 24. [Javascript] - 자바스크립트 null 체크 하는 방법(typeof, "", null) #자바스크립트 null 체크 하는 방법(typeof, "", null) #사용법 2021. 2. 3. 이전 1 ··· 4 5 6 7 8 다음 728x90 반응형