javascript class 활용하기

• Class의 활용
  • Math
  • String
    • 특정 문자를 원하는 문자로 바꾸기
    • 특정 문자열을 쪼개기
    • 스트링을 배열로 쪼게기
• Promise를 이용한 효율적인 비동기 처리
  • 기본 코드
  • Promise.catch
• this의 개념
  • 일반적인 this의 의미
  • new와 this
  • call

Class의 활용

Math

Math를 활용한 랜덤 넘버 생성
Math.floor(Math.random() * 1000000000)

String

특정 문자를 원하는 문자로 바꾸기

.replace("바꿀 문자열","바꾼 뒤의 문자열")

특정 문자열을 쪼개기

str.split(" ")

스트링을 배열로 쪼게기

"1234567890".match(/.{1,2}/g);
// Results in:
["12", "34", "56", "78", "90"]

Promise를 이용한 효율적인 비동기 처리

promise를 이용하여 효율적으로 비동기 함수를 관리한다.

기본 코드

//Promise 선언
var promisefunction = function (param) {

	return new Promise(function (resolve, reject) {

		// 비동기를 표현하기 위해 setTimeout 함수를 사용
		window.setTimeout(function () {

			// 파라메터가 참이면,
			if (param) {

				// 해결됨
				resolve("해결 완료");
			}

			// 파라메터가 거짓이면,
			else {

				// 실패
				reject(Error("실패!!"));
			}
		}, 3000);
	});
};

//Promise 실행
promisefunction(true)
.then(function (text) {
	// 성공시
	console.log(text);
}, function (error) {
	// 실패시
	console.error(error);
});

Promise.catch

비동기시에 에러를 잡는다.

_promise(true)
	.then(JSON.parse)
	.catch(function () {
		window.alert('체이닝 중간에 에러가!!');
	})
	.then(function (text) {
		console.log(text);
	});

this의 개념

일반적인 this의 의미

일반적으로 . 앞의 object를 말한다고 보면 된다.

즉 자신을 호출한 대상 내의 변수나 함수들을 지칭하는 개념이다.

new와 this

new를 통해 새로운 객체를 만들게 되면 자신을 호출한 대상이 없으므로 this의 값이 자기 자신으로 리셋이 된다.

call

함수1.call(함수2,변수)

함수2내의 this값이 함수1을 가르키도록 한다.

---