24.06.11. 노트

자바스크립트

1. Object.create(Object1)

2. indexOf()가 -1을 반환하는 경우

3. toFixed()

4. mCustomScrollbar()

5. jQuery를 사용하는 즉시 실행 함수

 

1. Object.create(Object1)

새로운 객체를 생성하고 이 객체의 내부 [Prototype]을 매개변수로 받은 객체 Object1로 설정함

-> Object.create(Object1)로 만드는 객체는 Object1 객체의 변수와 메서드에 접근할 수 있다.

 

2. indexOf()가 -1을 반환하는 경우

indexOf()는 매개변수 안의 문자를 찾는 메서드인데, 찾고자 하는 문자가 없는 경우 -1을 반환한다.

다음과 같이 사용하면 찾고자 하는 문자가 있는 경우와 없는 경우로 나누어 코드를 작성할 수 있다.

var val = "12345";
var find = val.toString.indexOf(".");
if(find < 0){
	//찾고자 하는 문자열이 없는 경우의 동작 작성
}else{
	//찾고자 하는 문자열이 있는 경우의 동작 작성
}

 

 

3. toFixed()

toFixed(int): 소수점 아래 'int'자리까지 반올림 후 문자열로 반환

숫자가 아니라 문자열로 반환된다는 점에 주의해야 한다.

 

 

 

4. mCustomScrollbar()

jQuery 플러그인, 커스터마이징 가능한 스크롤바 제공

$(".notice").mCustomScrollbar({
    axis: "y",
    theme: "dark"
});

 

axis: "y" - 세로 방향 스크롤바

theme: "dark" - dark 테마

 

 

 

5. jQuery를 사용하는 즉시 실행 함수

(function ($) {
   $(window).on("load", function () {
	//실행할 부분(jQuery 포함)
   });
})(jQuery);

 

1)

(function ($) {

})(jQuery);

- function($){}: 익명 함수 정의

- (jQuery): 함수를 즉시 호출하면서 jQuery 객체를 인수로 전달

- 내부에서 $는 전역 jQuery 객체를 가리킴 -> $와 관련된 다른 라이브러리와의 충돌 방지

 

2)

   $(window).on("load", function () {
	//실행할 부분(jQuery 포함)
   });

- $(window): jQuery 사용, window 객체 선택

- .on("load", function(){}): load 이벤트 발생시 실행할 함수 정의

- function(): load 이벤트가 발생했을 때 실행될 콜백 함수