자바스크립트 15

자바스크립트 객체 지향(프로토타입, 클래스)

개요자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어이다.객체지향 프로그래밍 언어는 class 기반과 prototype 기반이 있다.class 기반 : C++ / Java / C# / Pythonprototype 기반 : JavaScript / Lua / R / PerlJavaScript는 Prototype 기반 언어으로, 과거 class가 없었으나 ES6부터 Prototype 문법을 이용하여 class 문법이 추가 되었다.const a = [1, 2, 3];console.log(a); 콘솔을 확인해 보면 프로토타입을 확인할 수 있다. 자바스크립트의 모든 객체들의 조상은 “Object” 객체이다.자바스크립트는 기본적으로 원시타입을 제외한 모든 타입은 객체함수, 객체, 배열 모두 객체최상위 객체이며,..

자바스크립트 백틱 ``

개요1. 백틱 ``키보드 왼쪽 Tab 버튼위에 위치""와 다르게 Enter를 인식한다.문자열과 변수를 같이 사용할 수 있다.변수를 사용하는 경우 ${변수} 형태로 사용한다2. insertAdjacentHTML(position, ‘문자열 형태의 태그’)문자열 형식의 태그를 넣을때 사용 positionbeforebegin : 요소 이전에 위치afterbegin : 요소 내 처음 자식 이전에 위치beforend : 요소 내 마지막 자식 이후에 위치afterend : 요소 이후에 위치 예제1. 문자열과 비교해 보기코드  출력 문자열로 변수를 받아오는 것 보다 더 편한 것을 알 수 있다.

자바스크립트 긍정/부정의 의미

개요부정의 경우 false를 리턴하고, 긍정의 경우 true를 리턴한다. 1. 부정을 의미하는 경우undifinednull0''""falseNaN 2. 긍정을 의미하는 경우부정을 제외한 모든 것{}, 1, 2, [], "1234, -1등 3. ! 사용!을 앞에 사용해 주면 bool 형태로 변환되며 부정과 긍정이 반전된다.!!을 앞에 사용해 주면 부정의 부정으로 현재 상태 그대로 bool 형태로 변환하기 편하다. 예제1. 부정과 긍정을 bool 형태로 출력하기코드  출력

자바스크립트 화살표 함수

개요1. 함수의 선언식함수 이름을 정의하여 생성하는 식 function a() { console.log("hello"); } 2. 함수의 표현식변수에 함수를 저장하여 생성하는 식 (무명함수) let b = function() { console.log("hello2"); } 3. 화살표 함수변수에 함수를 저장하나 화살표를 사용하여 함수를 생성하는 식 (무명함수) let c = () => { console.log("hello3"); } 매개 변수 전달도 가능하다.let a = (a, b) => { console.log(a + b); } ..

728x90