자바스크립트 - 프로토타입 상속
Prototype? 의미 prototype: 원형, 견본 어떠한 객체가 만들어지기 위해 그 객체의 모태가 되는 오브젝트를 의미한다. 모든 함수 객체의 생성자는 prototype 프로퍼티를 가지고 있다. 객체 생성 함수는 생성자로 대응되며 각 객체에서 공유되어 사용할 프로퍼티 및 함수는 prototype 객체에 넣어서 사용한다. 객체 생성시 new키워드를 사용하여 생성한다. // 생성자 함수 function Person (name) { // 이름을 객체에 초기화한다. this.name = name; } // 객 객체에서 공유될 함수인 getName()을 prototype에 정의한다. Person.prototype.getName = function () { return this.name; } const pe..
자바스크립트 - 객체
객체? 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있음. 일반적으로 여러 데이터와 함수로 이뤄진다. 객체란 이름(key)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합. var person = { name: 'Park Jin', age: 31, introduce: function() { return 'my name is ' + this.name + ' and my age is ' + this.age } }; console.log('person.name :: ', person.name); // person.name :: Park Jin console.log('person.age :: ', person.age); // person.age :: 31 console.log..
자바스크립트 - 변수 유효범위
변수 유효범위? 변수를 어디에서 접근할 수 있느냐를 가리킨다. 종류 범위 소멸 시점 전역 변수 코드 내에서 어디서든 변수에 접근할 수 있음 함수가 종료되면 메모리에서 사라짐. 지역 변수 함수 내에서 변수를 정의하고 접근할 수 있음 웹 페이지가 닫히면 메모리에서 사라짐. 함수 매개변수도 지역 변수로 간주하며 해당 함수의 본문 내에서 접근 가능. 지역 변수와 전역 변수의 이름이 같을 경우 지역 변수가 우선순위가 높음. 지역 변수 function localScope() { var local = 1; console.log('local :: ', local); } localScope(); // local :: 1 console.log(local); // ReferenceError: local is not defi..
자바스크립트 - 함수
함수? 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 함수는 필요할 때마다 호출하여 해당 작업을 반복 및 재사용할 수 있다. 함수 특징 자바스크립트에서는 함수도 하나의 데이터 타입으로 변수에 대입 및 파라미터로 넘길수 있음. (일급객체) 함수내에 다른 함수를 정의 할 수 있다. 함수 선언 function키워드로 선언한다. 함수의 이름을 정의해준다.. 괄호안에 함수내에서 사용할 파라미터들을 정의한다. 파라미터가 여러개일 경우 콤마(,)로 구분한다. 중광호({})로 둘러싸 함수의 기능을 정의한다. function 함수이름(매개변수1, 매개변수2,...) { // 함수가 호출되었을 때 실행하고자 하는 실행문; } function printAddNumber(x, y) { console.log..
자바스크립트 - 반복문
반복문? 반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. if문과 함께 가장 많이 사용되는 실행문 중 하나이다. while문 while 문은 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행한다. while (표현식) { // 표현식의 결과가 참일 경우 반복적으로 실행하고자 하는 실행문 } 1부터 3까지 프린트하기 var i = 1; // 초기식 while (i 2 // 2 true // console.log(2); // 2++ -> 3 // 3 true // console.log(3); // 3++ -> 4 // 4 false // end of while while문의 표현식이 false로 바뀌지 않으면 무한루프에 빠진다. while (tru..
자바스크립트 - 조건문
조건문? 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. if if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행, 거짓(false)이면 실행하지 않는다. 숫자 0, 빈 문자열(""), null, undefined, NaN은 불린형으로 변환 시 모두 false가 된다. if (표현식1) { // 표현식1 조건이 맞을 때 실행할 구문 } else if (표현식2) { // 표현식2 조건이 맞을 때 실행할 구문 } else { // 위의 표현식이 모두 맞지 않을때 실행 할 구문 } var number1 = 10; var number2 = 20; var number3 = 30; if (number1 > number2) { console.log('numb..