Constructor Function 생성자 함수

Using function to create objects 생성자 함수로 객체 만들기 this 키워드를 통해서 property를 세팅할 수 있다. 생성자 함수로 객체를 만들 때는 꼭 'new' 키워드를 사용해야 한다. function IdolModel(name, year){ this.name = name; this.year = year; this.dance = function(){ return `${this.name}이 춤을 춥니다.`; } } // new 키워드로 호출 const yuJin = new IdolModel('안유진', 2003); console.log(yuJin); // IdolModel { name: '안유진', year: 2003 } console.log(yuJin.dance()); /..

2023.12.23

Object 사용자 정의 객체

Object 객체(Object)란 물리적으로 존재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 가지고 있고, 다른것과 식별 가능한 것을 말한다. 객체는 속성과 동작으로 구성되어 있다고 보면 되는데 자바스크립트에서는 이 속성과 동작을 각가 property와 method라고 부른다. 객체 = property (속성, 변수, 함수) + method (함수) var a = [10,20,30]; console.log(typeof(a)); // object 또, 객체는 내장객체와 사용자 정의 객체 2가지로 나뉜다. 객체 예시 더보기 객체를 가장 잘 표현하고 있는 현실세계의 예시는 인간이다. property (속성) = 형태, 상태, 크기 이름, 키, 몸무게, 나이, 성별, 피부색, 팔2, 다리2, ....

2021.12.01

변수의 유효범위 scope

스코프란? ＊함수(function) 사용 시 변수/배열의 유효범위 ＊스코프(scope, 유효범위)는 자바스크립트를 포함한 모든 프로그래밍 언어의 기본적인 개념. 확실한 이해가 필요하다. ＊변수는 크게 '지역변수', '전역변수' 두 종류로 나눌 수 있다. 지역변수 ＊함수 내에서 만들어진다. ＊각각의 '함수 내에서 만들어진' 변수는 그 해당 함수에서만 사용할 수 있다. ＊보안에 취약하다 // 지역변수 function callFunc1() { var cnt1=100; // 지역변수 var cnt2=200; // 지역변수 } function callFunc2() { var result=0; // 지역변수 result = cnt1 + cnt2; // cnt1, cnt2는 선언되어 있지 않아 오류가 난다. aler..

2021.11.30

사용자 정의 함수 Function

함수는 Function / Method (기능) 이라고도 한다. 함수에는 두가지가 있다. 1. 내장함수 - 이미 자바스크립트에 만들어져 있는 함수 (); 괄호를 가지고 있음. (호출문) 2. 사용자 정의 함수 - 프로그래머가 함수를 직접 만들어서 사용한다. 사용자 정의 함수 ＊ 쉽게 말해 함수란 어떤 문법 덩어리를 그룹으로 만들어놓는 것이다. (그룹화) ＊ 프로그래머가 필요에 의해 직접 만들어서 사용하는 함수 ＊ 4가지 형식의 함수를 선언해서 사용할 수 있다. (아래 이미지 참조) ＊ 코드의 중복을 최소화 할 수 있다. ＊ 함수를 선언했다고 해서 자동으로 계산되지 않는다. └ 필요 시에 함수를 호출하여 사용한다. 1. 기본 함수 함수명(); ＊동일한 코드의 중복을 가장 최소화 할 수 있다. (호출하는 만..

2021.11.30

함수 Function

함수 선언과 호출 형식 function 함수명(매개변수1, 매개변수2, ···){ //함수선언 실행 문장; return 반환값; } 함수명(인자1, 인자2, ···); //함수 호출 함수명 함수이름 인자 함수를 호출할 때 전달하는 입력값 매개변수 함수 호출문에서 전달한 인자를 받기 위해 선언된 변수 function 함수를 선언할 때 사용하는 키워드 return 함수에서 수행한 결과값을 반환할 때 사용하는 키워드 함수 선언 - 일반적인 방법(기본 함수) 기본 함수 호출하기 var text1="함수 선언 전 호출"; var text2="함수 선언 후 호출"; printMsg(text1); //함수 선언 전 호출 function printMsg(msg){ //함수 선언 document.write("함수 호출 ..

2021.11.02