신나는 개발자

함수 함수를 정의 하는 방법 4가지 함수 선언문으로 정의하는 방법 function square(x) {return x*x}; 함수 리터럴로 정의하는 방법 var square = function(x){return x*x}; Function 생성자로 정의하는 방법 var square = new function("x", "return x*x") 화살표 함수 표현식으로 정의하는 방법(ES6) var square = x => x*x; 함수 호이스팅으로 인해 자바스크립트 엔진은 함수 선언문을 프로그램 첫머리 또는 함수 첫 머리로 끌어올린다. 하지만 2번 3번 4번으로 정의한 함수는 변수에 함수를 할당해야 사용할 수 있기 때문에 호출하는 코드보다 앞으로 나와야한다. 중첩함수 자바스크립트는 함수 내부에 함수를 쓰는 중..

자바스크립트/바닐라 자바스크립트 2020. 4. 20. 11:08

1. 자바스크립트의 개요 자바스크립트의 특징 인터프리터 언어이다. 단 최근 브라우저에 JIT 컴파일러가 내장되어 있어 실생 속도가 매우 빨라졌다. 동적 프로토타입 기반 객체 지향 언어이다. C++이나 Java 등은 클래스를 이용하여 객체를 생성하는 클래스 기반 객체 지향 언어이지만 자바스크립트는 클래스가 아닌 프로토타입을 상속하는 프로토타입 객체 지향 언어이다. 자바스크립트에서는 객체를 생성한 훙에도 프로퍼티와 메서드를 동적으로 추가하거나 삭제가 가능하다. C++, Java와 다른 점 중 하나이다. 동적 타입 언어다. C++, Java는 실행되기 전 변수 타입이 결정되는 정적 타입 언어이지만 자바스크립트는 변수 타입이 없기 떄문에 프로그래을 실행하는 도중에 변수에 저장되는 데이터 타입이 동적으로 바뀔 수..

자바스크립트/바닐라 자바스크립트 2020. 4. 20. 11:07

변수와 값 변수와 데이터 타입 자바스크립트에서는 변수 타입이 없으므로 var 하나로 사용했다. 하지만 ES6버젼에서 새로운 변수 선언문이 등장했다. let와 const은 다음에 소개하겠습니다. 그 외에 데이터 타입은 다른 언어와 비슷하며 값이 없음을 표현하는 값에는 null과 undefined가 있다. undefined는 정의되지 않은 상태를 뜻하며 다음 값이 undefined가 된다. 값을 아직 할당하지 않는 변수의 값 없는 객체의 프로퍼티를 읽으려고 시도했을 때의 값 없는 배열의 요소를 읽으려고 시도했을 때의 값 아무것도 반환하지 않는 함수가 반환하는 값 함수를 호출했을 때 전달받지 못한 인수의 값 그에 반해 null의 경우는 아무것도 없음을 표현한 리터럴이다. ES6에서 추가된 데이터 타입 심벌 실..

자바스크립트/바닐라 자바스크립트 2020. 4. 20. 11:07