목록 (152) 썸네일형 리스트형 1. 인수와 매개변수 5. 정리 1. class 사용하기 class Person{ constructor(name, first, second) { this.name = name; this.first = first; this.second = second; } sum() { return this.first + this.second; } } class PersonPlus extends Person{ constructor(name, first, second, third) { super(name, first, second) this.third = third; } sum() { return super.sum() + this.third } avg() { return (this.first + this.second+this.third)/ 3 } } le.. 4. 객체가 부모를 참고하는 원리 ✅ Javascript 에서 함수는 객체이다 ! function Person() {} var Person = new Function(); 이 성립한다. 즉, Javascript 에서의 함수는 객체이기 때문에 프로퍼티를 갖을 수가 있다. 3. class, super class 란? 객체를 만드는 공장이다. class Person {} const kim = new Person(); console.log("kim", kim); class 안에서 메소드 생성하기 ✅ 메소드 = 객체 안에서 생성된 함수 ! class Person { constructor(name, first, second) { this.name = name; this.first = first; this.second = second; } sum() { return "prototype :" + (this.first + this.second); } } const kim = new Person("kim", 10, 20); console.log("kim", kim); 위 코드는 다음 코드와 동일하다 class Pe.. 2. prototype function Person(name, first, second) { this.name = name; this.first = first; this.second = second; } Person.prototype.sum = function () { return "prototype :" + (this.first + this.second); }; const lee = new Person("lee", 10, 10); const choi = new Person("choi", 10, 30); console.log("lee.sum()", lee.sum()); console.log("choi.sum()", choi.sum()); // prototype이 아닌 여기만 특수한 메소드 사용해보기 const kim = new.. 1. constructor function Person(name, first, second) { this.name = name; this.first = first; this.second = second; this.sum = function () { return this.first + this.second; }; } const kim = new Person("kim", 10, 20); console.log(kim.sum()); 1. this this란 (객체안에속한)메서드 입장에서 자신이 속한 객체 자체를 지칭하는, '자신이 몸담고 있는 소속'을 가리키는 특수한 키워드 이다. 2. new 객체를 생성하는 생성자 함수 (constructor) 3. Call Signatures 미리 리턴값의 형식까지 지정해 놓는 것을 뜻한다. 즉, 프로그램을 디자인하면서 타입까지 미리 고려하는 것이다. ✅ 아래 plus 변수가 에러를 출력하는 이유 {} 를 사용하면 그 값이 반환값이 함수 내부의 내용으로 처리가 된다. add 함수는 다음과 같이 풀이가 되고 function add(a,b) { return (a+b) } plus 함수는 다음과 같이 풀이가 된다. 이 경우, return type이 void가 된다. function add(a, b) { a+b; } 즉, 화살표 함수에서 {} 를 사용하게 되면 그 안의 값은 반환이 아니라 함수 내부 내용으로 처리되기에 반환값이 없는 void 로 처리된다. 이에 따라 위에서 미리 선언한 Add 자료형의 반환값은 number라고 정해놓은 내용과 충돌하기.. 2. TS에 Type 명시해주기 1. optional parameter 만약 name은 필수이고, age는 선택적인 경우 ? 를 붙여주면 된다 . 2. 화살표 함수 // 화살표 함수 const playerMaker = (name:string) : Player => ({name}) 3. read only 읽기전용으로 바꿈으로써 임의로 수정하는 것을 방지할 수 있다. 위 예시를보면 names 배열을 readonly로 설정함으로써, names.push()가 작동하지 않는 것을 볼 수 있다. 4. tuple 기본값을 정해줄 수 있다. 위의 예시는 변수를 생성하는 요소를 다 채우지 않아 오류가 난 경우이다. 요소를 다 채워주면 오류가 나지 않는다. 5. unknown let a:unknown if (typeof a === 'number'){ l.. 이전 1 2 3 4 5 6 ··· 19 다음
