함수 (4) 썸네일형 리스트형 자바 스크립트(JavaScript) 기초 문법 - 함수(3) 자바 스크립트(JavaScript) 기초 문법 함수 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있다. 객체 생성자 함수 내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수(Object Constructor Function)를 사용해 객체를 생성한다. 여기서 객체 생성자 함수를 선언하고 그 다음에 객체를 생성할 수 있다. new키워드를 사용해 객체를 생성하고 객체 생성자 함수에서 this 키워드를 사용해 생성한 객체에 속성과 함수를 등록한다. 메모리 절약을 위한 프로토타입 사용 객체를 생성하면 객체를 생성한 만큼 함수가 등록된다. 함수를 여러개 등록하면 메모리 공간을 많이 .. 자바 스크립트(JavaScript) 기초 문법 - 함수(2) 자바 스크립트(JavaScript) 기초 문법 함수 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있다. 함수 스코프 스코프는 범위로, 변수 또는 함수의 유효범위를 말한다. 지역 변수 : 스코프 영역에서 선언한 변수를 가리킨다. 스코프 영역에서만 사용할 수 있다. 지역 함수 : 스코프 영역에서 선언한 함수를 가리킨다. 스코프 영역에서만 호출할 수 있다. 전역 변수 : 자바스크립트 영역 안(스코프 밖)에서 선언한 변수를 가리킨다. 자바스크립트 어디에서든 사용할 수 있다. 전역 함수 : 자바스크립트 영역 안(스코프 밖)에서 선언한 함수를 가리킨다. 자바스크립트 어디에서든 사용하 수 있다. 만약 자바스크립트에서.. 자바 스크립트(JavaScript) 기초 문법 - 함수(1) 자바 스크립트(JavaScript) 기초 문법 함수 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없다. 하지만 함수를 사용하면 코드를 메모리에 저장했다가 필요할 때 마다 호출하여 사용할 수 있다. 기본 함수 정의문 함수를 사용하여 코드를 저장한 것을 "함수 정의문"이라고 한다. 함수에서는 function 키워드를 사용하며, 함수명은 사용자 정의 명으로 임의로 함수명을 정의할 수 있다. //함수 선언 형식 function 함수명(){ 자바스크립트 코드; } //익명 함수(함수명이 없는 함수) 선언 형식 참조변수 = function(){ 자바스크립트 코드; } 함수 정의문({..})안에 작성된 코드는 즉시 실행되지 않는다. 함수는 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행된다. *일반 .. (생활코딩) JavaScript 함수활용 전 포스팅에서 배열과 반복문을 활용한 예제에서 함수를 이용해 코드를 효율적으로 바꿔보자. 리팩토링! 해당 코드를 보면 코드 길이가 길고, 이러한 코드의 버튼을 여러개 생성해야 된다라고 하면 유지보수가 힘들어질 것이다. 그래서 이 코드를 함수로 정의해서 해당 함수만 호출하면 해당 기능을 이용할 수 있게 만들어보자. onclick안에 조건들을 복사해서 태그 안에 복사해준 뒤, night_Handler()라는 함수로 정의해준다. 여기서 매개변수로 self란 값을 주고, 복사한 코드에서 this라고 된 부분들을 self로 바꿔준다. 또 정의한 함수를 사용하기 위해 해당 함수 인자로는 this값을 주면 이전 코드와 똑같은 기능을 하지만 길이가 훨씬 줄어들은 것을 볼 수있다. 해당 기능의 버튼을 여러개 만들어도 코.. 이전 1 다음
