본문 바로가기
반응형

JavaScript 기초23

[JavaScript] prototype 프로토타입에 대하여 오늘은 prototype에 대해서 공부했다. MDN을 참고해보니 JavaScript는 프로토타입 기반 언어로 클래스가 없지만 (클래스 키워드를 ES2015부터 지원을 하지만 문법적인 양념일 뿐, 자바스크립트는 프로토타입 기반 언어라고 명시되어 있다.) 프로토타입과 함수를 이용하여 클래스와 비슷하게 쓸 수 있다고 한다. 자바스크립트에서는 객체나 함수에 속성을 넣어 둘 수 있는데 프로토타입을 이용하면 쉽게 속성 값들을 추가할 수 있다. let protoFunc = function() { this.name = 'leo'; this.age = 25; } let obj = new protoFunc(); // new 연산자로 프로토타입 기반의 인스턴스 생성 protoFunc.prototype.address = '주.. 2020. 9. 24.
[JavaScript] String.prototype.repeat() 문자열 반복 함수 오늘은 .repeat() 함수에 대해서 알아보았다. repeat() 메서드는 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환해준다. (for문으로 덕지덕지 안 붙여도.. 깔끔하게 들어갔다..) 이걸 몰라서 여직 for 문으로 붙였다 ㅠㅠ str = "123"; strRepeat = str.repeat(3); console.log(strRepeat); // 123123123 // `` 을 사용한다면 ${} 안에 넣어주면 된다. str = ['1', '2', '3', '4', '5']; for(let i = 0; i < str.length; i ++){ console.log(`${str[i].repeat(i+1)}\n`); } // 1 // 22 // 333 // 4444 // 55555 반복 함.. 2020. 9. 17.
[JavaScript] 매개변수에 기본값 지정하기 오늘은 함수의 매개변수에 기본값을 지정하는 방법에 대해서 알아보았다. 함수의 매개변수에 기본값을 넣는 방법은 간단했다. function myNum(a, b = 1){ return a + b; } let result = myNum(3); console.log(result); // 4; console.log(myNum(3, 3)); // 6 또한 배열을 매개변수의 기본값으로 사용할 수도 있으며 함수도 가능하다. function myArr(a = 0, array = [1, 2, 3]) { return array[a]; } console.log(myArr()); // 1 console.log(myArr(2)); // 3 console.log(myArr(4,[1,2,3,4,5,6])); // 5 function .. 2020. 9. 15.
[JavaScript] 클래스 (Class) 선언 및 사용 오늘은 JavaScript에서 클래스를 어떻게 사용하는지에 대해서 알아보았다. JavaScript 에서 Class는 함수로 정의할 수 있다. (앞에 꼭 대문자 붙여주기!) ES5와 ES6에서 그 사용이 살짝 다른데 예시를 통해 알아보겠다. // ES5 function MyUser (name, age, address) { this.name = name; this.age = age; this.address = address; } MyUser.prototype.introduce = function(){ console.log(`안녕하세요. 제 이름은 ${this.name} 이구요 나이는 ${this.age}입니다.`); } let leo = new MyUser('leo', 25, '지구'); console.lo.. 2020. 9. 15.
반응형

티스토리툴바