🟨 JavaScript/개념

[mdn, 드림코딩 외] 객체지향 (1) : 클래스(class)

들어가기 앞서 : 생성자함수와 클래스의 차이점 https://sunshineyellow.tistory.com/18?category=1037372 [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수 객체를 생성하는 방법에는 두 가지가 있다. 객체 리터럴 생성자 함수 단 하나의 객체만을 생성할 때는 직관적이고 간편한 객체 리터럴을 사용하고, 같은 객체를 대량생산할 때는 생성자함수를 sunshineyellow.tistory.com 위 글에서 객체와 생성자함수를 간단하게 공부했다. 그렇다면 생성자함수와 다른 클래스의 특이점은 무엇일까? 클래스는 new 연산자 없이는 호출이 불가능하다. 클래스는 extends(클래스의 상속)와 super(super클래스의 constructor과 method 호출)를 ..

[드림코딩 외] 콜백함수 (Callback function)

콜백함수 (Callback function) 콜백함수는 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수를 말한다. (특별한 선언법이나 다른 문법을 가진 함수가 아닌, 호출하는 방식에 따라 구분된 함수이다.) function whatCoder(codingTest, goodCode, badCode) { if(codingtest === 'Callback function') { goodCode(); } else { badCode(); } } const goodCode = function () { console.log('Great!') }; const badCode = function () { console.log('Do it again.') }; whatCoder(`I don't kn..

[드림코딩] Early return, early exit?

~일 때 ~하는 함수를 작성할 때, 블럭 안에서 작성을 길게 하면 가독성이 떨어진다. BAD function moreStudy(coding) { if (coding.point > 10) { //long logic... (coding.point가 10 이상일 때만 진행되는 로직) } } 이런 경우에는 한개의 블럭 안에 if와 else를 번갈아 쓰는 것보다는, GOOD function moreStudy(coding) { if (coding.point

[드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)

매개변수(Parameters) primitive parameters (value를 전달) object parameters (reference를 전달) function changeName(obj) { obj.name = 'coder'; } const noran = {name : 'noran'}; changeName(noran); console.log(noran); 나머지 매개변수(rest parameters) function printAll(...args) { for (let i = 0; i < arg.length; i++) { console.log(arg.[i]); } } printAll('noran','javascript','goodcoding'); 매개변수 앞에 ...를 붙이면 배열 형태로 전달된다...

[mdn] 기본값 매개변수

개요 과거에 기본값 설정은 함수 내부에서 매개변수 값을 검사해 undefined인 경우 값을 할당하는 방식이었다. function multiply(a, b) { b = (typeof b !== 'undefined') ? b : 1 return a*b } 이제는 기본값 매개변수를 통해 간단히 default값을 줄 수 있다. function multiply(a, b = 1) { return a*b } 응용 1 기본값은 호출 시에 평가되어, 함수가 호출될 때마다 새로운 객체가 생성된다. function goodCoder(coding = coder()) { return coding } let numberOfTimesCalled = 0 function coder(){ numberOfTimesCalled += 1 ..

[생활코딩, 드림코딩, 코딩앙마] 연산자(Operator)와 break, continue

연산자(Operator) 리스트 ! (not 연산자) 부정 && (and 연산자) 좌/우 모두 참일때 참 || (or 연산자) 좌/우 중 하나라도 참일때 참 (* or 연산자가 다수일 때 마지막에 가장 복잡한 변수를 넣는다) == (동등 연산자) 좌/우 같다면 참 === (일치 연산자) 좌/우가 데이터형까지 정확하게 같다면 참 != 같지 않다 (==와 정반대) !== 같지 않다 (===와 정반대) > 좌>우라면 참 >= 좌>=우라면 참 += 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당한다. 조건부 연산자 (Conditional operator) const name = 'Noran'; if (name === 'Noran') { console.log('Welcome, Noran!'); } e..