본문 바로가기

내마음대로만들어보자/JS83

객체 생성자 함수 1. 객체 생성자 함수란? 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수(Object Consructor Function)을 사용하여 객체를 생성한다. * 객체 생성자 함수를 선언하고 객체를 생성하는 기본형태. new 키워드를 사용해 객체를 생성하고 객체 생성자 함수에서 this 키워드를 사용해 생성한 객체에 속성과 함수를 등록한다. function 함수명(매개변수1, 매개변수2, ... , 매개변수n){ //객체 생성 함수 this.속성명 = 새값; this.함수명 = function(){ 자바스크립트 코드; } } var 참조 변수(인스턴스 네임) = new 함수명(); //객체 생성 ↓ var 참조 변수 = { 속성 : 새 값, 함수명 : function() {...} } * CheckWeig.. 2021. 8. 15.
함수 스코프(Scope) 1. 함수스코프란? 스코프의 사전적 의미는 "범위"이며, 함수에서의 범위는 변수 또는 함수의 유효범위를 가리킨다. function outerFunction() { var 변수명; function innerFunction(){ 자바스크립트 코드; } } * function outerFunction() {} : 스코프 (변수 또는 함수의 유효범위 * var 변수명 : 지역변수(스코프영역에서 선언한 변수를 가르키며, 스코프 영역에서만 사용이 가능하다) * function innerFunction(){ 자바스크립트 코드; } : 지역함수 (스코프영역에서 선언한 함수를 가르키며, 스코프 영역에서만 사용이 가능) 2. 전역 변수와 지역 변수의 개념과 차이 * 전역 변수 : 자바스크립트 어디에서든 사용할 수 있는 변.. 2021. 8. 15.
함수에서 return문의 역할 return문은 함수에서 결과값을 반환할 때 사용한다. return문이 실행되면 코드가 강제로 종료된다.(반복문의 break문과 유사함) 1. 데이터를 반환하고 강제 종료하는 return문 * 기본형 function 함수명(){ 자바스크립트코드1; return 데이터(값); 자바스크립트코드2; } var 변수 = 함수명(); // 함수 호출문 - 함수코드 실행 - 자바스크립트코드2를 무시하고 데이터를 반환 * 함수 정의문 내에서 작성한 코드를 실행한 후 계산된 결과값을 return문으로 함수 호출문에 반환하는 예제 * 총8개의 이미지를 사용해 갤러리를 만드는 예제를 해보자. 이전 댜음 여기에서 다음버튼을 누르면 pic_2,3, ... .jpg가 순서대로 나타난다. 이미지의 파일명 숫자가 1씩 증가되며 그.. 2021. 8. 14.
자바스크립트 함수란? 1. 함수란? 데이터를 저장할때에는 변수를 선언하여 저장했지만 변수를 선언했을때는 데이터만 저장할 수 있지 코드를 저장할 순 없다. 하지만 함수를 사용하다면 코드를 저장했다가 필요할때마다 호출하여 사용할 수 있다! 2. 변수와 함수를 차이점 변수 함수 - 1개의 데이터만 저장한다. - var 이라는 키워드를 이용하여 선언한다. - 문자형,숫자형, 논리형 데이터를 보관한다. - 객체를 참조한다. - 자바스크립트 코드를 저장한다. - function 이라는 키워드를 이용하여 선언한다. - 출력문,제어문, 등의 코드를 저장하고 데이터를 반환한다. 3. 기본 함수 정의문 fuction 함수명() { 자바스크립트 코드; } * 함수 정의문을 이용해서 [배경색 바꾸기 버튼]을 클릭할때마다 배경색이 바뀌도록 만든 예.. 2021. 8. 14.

티스토리툴바