JS 베이스[함수 + 모델]

1. 함수 성명과 함수 표현식
함수 설명:
function 함수 이름(매개 변수: 선택 사항) {함수체}
예: function a () {}
함수 표현식:
function 함수 이름(선택 사항) (매개 변수: 선택 사항) {함수체}
예: function (b) {}

function foo () {} //   ，          
var bar = function foo () {}; //    ，             
new function bar () {}; //    ，    new   
(function () {
    function bar () {} //   ，           
})();

2. 모델 모드의 기본 특징
모듈식, 재사용 용이성변수와Function을 봉하여 전체 namespace (js의 명명 공간 함수) 와 접촉하지 않고 느슨하게 결합 사용 가능한 퍼블릭 방법만 노출하고 사유 방법을 숨기기예를 들면 다음과 같습니다.

//              
// return     ，              
//         Calculator
var Calculator = function (eq) {
    //          

    var eqCtl = document.getElementById(eq);

    return {
        //        
        add: function (x, y) {
            var val = x + y;
            eqCtl.innerHTML = val;
        }
    };
};
var calculator = new Calculator('eq');
calculator.add(2, 2);

닫다
다른 함수 역할 영역에 접근할 수 있는 변수의 함수는 모두 패킷입니다
적용: (익명 함수 + 클립)

//         
var elems = document.getElementsByTagName('a');
//    
for (var i = 0; i < elems.length; i++) {
    (function (lockedInIndex) {
        elems[i].addEventListener('click', function (e) {
            e.preventDefault();
            alert('I am link #' + lockedInIndex);
        }, 'false');
    })(i);
}
//    
for (var i = 0, len = elems.length; i < len; i ++) {
    elems[i].addEventListener('click', (function (lockedInIndex) {
        return function (e) {
            e.preventDefault();
            alert('I am link #' + lockedInIndex);
        }
    })(i), 'false');
}

4. 자체 실행 표현식
(function () {} () 또는 (function () {} ()
5. RegExp 객체

test(): 문자열이 정규 표현식에 일치하는지 확인하고 일치하지 않으면true를 되돌려주고false를 되돌려줍니다.

exec(): 문자열에서 정규 표현식과 일치하는 값을 검색하여 하나의 그룹을 되돌려 일치하는 결과를 저장합니다.찾지 못하면null로 돌아가기;

compile(): 스크립트 실행 과정에서 정규 표현식을 컴파일할 수도 있고 기존 표현식을 바꿀 수도 있습니다.

참고: match는 정규 표현식의 String 객체를 지원하는 방법입니다.