프로젝트를하면서 js로 탭기능이 구현된상태에서 jsp에서 함수의 이름이 같을때
원하는 함수로 태우지않는 경우가있다.
function search() {
}
function paging() {
}이렇게 사용하다보면 함수가 겹치는 경우가있어서 jsp화면에 원하는 함수를 태우지못하는 경우가있다
이유는 브라우저의 스코프는 공용공간으로 쓰이기 때문에 나중에 로딩된 같은 이름의 함수가 먼저 로딩된 함수를 덮어쓰게된다.
이러한 것을 방지하고자 js의 유효범위를 만들어 사용한다.
jsp화면의 특정 객체를 만들어 해당 객체에서 필요한 모든 function을 선언하는 것이다. 이렇게 되면 겹칠 위험이 사라진다.
var boardNew = {
search : function (type, pageNo){
},
paging : function () {
}
}
// 호출시 boardNew.search()
// 호출시 boardNew.paging()
이렇게하면 같은 함수를 사용하더라도 원하는 함수를 호출해서 사용할수있다.