JavaScript - 기본 지식 (2)

7287 단어
회고: 전편 에서 기본 유형 을 배 웠 다.
 정규, 함수 역할 영역
10) 정규 표현 식
  • 1. 정규 표현 식 이 무엇 입 니까?
  • 문자 모드 의 대상 을 설명 하고 RegExp 류 는 정규 표현 식 을 표시 하 며 강력 한 패턴 일치 와 텍스트 검색 과 교체 함 수 를 수행 합 니 다.
  • 2. 정규 표현 식 만 들 기
  • 첫 번 째 (new 사용): var box = new RegExp ('box');e.g /box/
  • var box =new RegExp('Box','ig'); e. g 두 번 째 매개 변 수 는 모드 에서 선택 할 수 있 는 매개 변수 입 니 다. i: 대소 문자 무시, g: 전역 일치, m: 다 중 줄 일치
  • 두 번 째 (글자 의 양 을 사용 하 는 방식):
  • var box1=/Box/;
  • var box1=/Box/ig;
  • 3. 정규 표현 식 (test (), exec () 테스트: 정규 표현 식 을 대상 으로
  • e.g var pattern=new RegExp('Box','i'); //정규 var str = 'box'; /문자열 console. log (pattern. test (str) 정의; /test 매 칭
  • /Box/.test(str);
  • test () true / false
  • 되 돌려 주기
  • exec () 매 칭 에 성공 하여 배열 을 되 돌려 줍 니 다. 일치 하지 않 으 면 null
  • 을 되 돌려 줍 니 다.
  • e.g /Box/i.exec(str); 결과: ["box", index: 11, input: "this is a box, that is a Box"]
  • 4. 문자열 을 사용 하 는 정규 표현 식 방법 (문자열 을 대상 으로)
  • match () 는 하위 문자열 그룹 이나 null
  • 을 되 돌려 줍 니 다.
  • replace () 가 일치 하 는 데 성 공 했 습 니 다. 교 체 된 문자열 (전역 g, 모두 교체, 그렇지 않 으 면 첫 번 째) 을 되 돌려 줍 니 다. 일치 하 는 데 실 패 했 습 니 다. 원래 문자열
  • 을 되 돌려 줍 니 다.
  • search () 첫 번 째 로 찾 은 첫 번 째 위치 로 되 돌아 갑 니 다. - 1
  • split () 문자열 을 배열
  • 로 나 눕 니 다.
  • 5. 정적 속성 사용
  • RegExp. input 에서 일치 하 는 문자열 내용
  • RegExp. lastParen 마지막 괄호 안의 일치 하 는 하위 문자열
  • 6. 제어 가 져 오기
  • . 점 기 호 는 줄 바 꿈 자 를 제외 한 임의의 문자 와 일치 합 니 다
  • .
  • * 별표 표시, 중복 문자, 0 개 또는 임의의 일치 문자
  • + 플러스, 최소 한 글자
  • ? 물음표, 0 개 또는 1 개의 임 의 문자 표시
  • o {2, 4} 괄호 는 알파벳 o 가 2 ~ 4 번 나타 나 는 것 을 나타 낸다
  • .
  • o {2,} 괄호 는 일치 하 는 자모 o 가 2 회 이상 나타 나 는 것 을 나타 낸다
  • o {3} 괄호 는 일치 하 는 알파벳 o 를 3 회
  • 로 제한 합 니 다.
  • [a - z] 는 26 개의 소문 자 를 나타 내 고 모든 것 이 일치 합 니 다
  • [A - Z] 는 26 개의 소문 자 를 나타 내 고 어느 것 이 든 일치 합 니 다
  • [0 - 9] 는 10 개의 숫자 를 나타 내 며, 임의의 숫자 가 모두 일치 함
  • [0 - 9] * 0 회 또는 여러 번 문자
  • [a - zA - Z0 - 9] 위의 문 자 를 나타 낸다
  • [^ 0 - 9] 0 - 9 가 아 닌 임 의 문자
  • \ w 는 알파벳 숫자 밑줄 임 의 문자
  • 를 나타 낸다.
  • \ \ W 비 자막 숫자 밑줄 친 문자
  • \ d 는 일치 하 는 숫자 를 표시 합 니 다
  • \ \ D 는 비 숫자 와 일치 함 을 나타 낸다
  • / ^ $/ 헤더 일치 와 끝 일치
  • \ s 는 스페이스 바 매 칭
  • \ b 는 경계 에 도 착 했 는 지 여 부 를 표시 합 니 다
  • | 표시 또는
  • () 는 그룹 을 나 누 는 것 을 나타 내 는데 하나의 문자
  • 로 볼 수 있다.
  • $1 은 그룹 을 가 져 온 후 받 은 문자
  • 를 표시 합 니 다.
  • +? 타성 을 나타 내 고 물음 표를 붙 이지 않 으 면 탐욕 을 나타 낸다
  • e. g. 탐욕
    var pattern =/8(.*)8/;
    var str='8google8 8google8 8google8';
    console.log(str.replace(pattern,'$1'));
      :google8 8google8 8google 
    e.g 2.  
    var pattern =/8(.*?)8/;
    var str='8google8 8google8 8google8';
    console.log(str.replace(pattern,'$1'));
      :google 8google8 8google8 
    e.g 3.    
    var pattern =/8(.*?)8/ig;
    var str='8google8 8google8 8google8';
    console.log(str.replace(pattern,'$1'));
      :google google google
  • exec () 반환 배열:
  • / (\ d +) ([a - z]) / 포획 성 그룹 을 표시 하고 모든 그룹 을 포획 하여 되 돌려 줍 니 다
  • / (\ d +) (?: [a - z]) / 비 포획 성 그룹 을 표시 합 니 다. 포획 이 필요 없 는 그룹 에 추가 하면?:
  • e. g / goo (? = gle) / goo 뒤에 gle 이 어야 goo
  • 로 돌아 갈 수 있 음 을 나타 낸다.
  • 7. 자주 사용 하 는 정규 표현 식
  • 우편 번호: / [1 - 9] [0 - 9] {5} /
  • 스페이스 바: / \ s / ig
  • 함수 함수
  • 성명 방식 1: 일반 함수 성명 방식: function box () {}
  • 성명 방식 2: 변수 성명 방식 사용: var box = function () {return 1;}
  • 성명 방식 3: new 의 구조 함 수 를 사용 하 는 방식: var box 1 = new Function ('return 1');
  • 함 수 는 매개 변수 로 전달 할 수 있다
  • 함수 의 내부 속성:
  • e. g: 재 귀 단계:
  • function box(num){
    if(num<=1){
    return 1;
    }else{
    return num*box(num-1);
    }
    }
  • 내부 특수 대상: this: this 는 함수 데 이 터 를 인용 하여 작업 을 수행 하 는 대상 입 니 다. C \ # 자바 의 this 와 같 습 니 다
  • window 는 하나의 대상 이 고 js 에서 가장 큰 대상 이 며 가장 외곽 의 대상 입 니 다. window 는 전체 window. color = '빨간색' 을 표시 합 니 다.구문 var color = '빨간색';같은 거 야.
  • apply () 와 call (): 사칭 역할 영역 을 실현 할 수 있 고 역할 영역 을 확장 할 수 있 습 니 다.e.g :
  • function box(num1,num2){
    return num1+num2;
    }
    
    //  box   : apply()   
    function sum(num1,num2){
    return box.apply(this,[num1,num2]);
    }
    
    function sum1(num1,num2){
    return box.apply(this,arguments); //        arguments
    }
    
    //call()     ,          apply()
    function sum2(num1,num2){
    return box.call(this,num1,num2);
    }
    
    shu(sum2(11,11))
    ;

  • 변수, 역할 영역 및 메모리
  • 1. 변수:
  • javascript 변 수 는 느슨 한 (강제 하지 않 음): 기본 형식의 값 과 참조 형식의 값 입 니 다.
  • 기본 형식의 값: 스 택 메모리 에 저 장 된 간단 한 데이터 세그먼트 입 니 다.Underfined ,Null,Boolean,Number,String
  • 참조 형식의 값 (포인터 로 접근): 메모리 에 저 장 된 대상: Object
  • 기본 형식 은 값 을 복사 하고 인용 형식 은 주 소 를 복사 합 니 다.
  • 전달 매개 변수: 모든 함수 의 매개 변 수 는 값 에 따라 전달 되 고 매개 변 수 는 인용 유형 에 따라 전달 되 지 않 습 니 다.그러나 전달 할 때 인용 유형 을 매개 변수 로 전달 할 수 있 지만 값 유형 에 따라 전달 합 니 다!!js 는 인용 형식 에 따라 파 라 메 터 를 전달 하지 않 았 습 니 다.
  • 검 측 인용 유형: intanseof: 검 측 대상 은 유형 (Object, Array 등)
  • 도 검 측 할 수 있 습 니 다.
  • 검 측 기본 유형: typeof 와 typeOf ()
  • 2. 역할 영역
  • 실행 환경 은 변수 나 함수 가 접근 할 수 있 는 다른 데 이 터 를 정의 합 니 다.최대 실행 환경 은 window 입 니 다.
  • 전역 변수 와 전역 함수 의 가장 바깥쪽 은 window 의 속성 과 방법 에 속 합 니 다.
  • 전 삼 을 통 해 페이지 수 부분 변수의 사용
  • 모든 함수 가 호출 될 때 자신의 실행 환경 을 만 들 고 블록 급 역할 도 메 인 이 없습니다.e.g:
    if(true){ //            ,   for 
    var bax='yuan';
    }
    console.log(bax)
    ;
  • 함수 내 에서 성명 하 는 변수 가 var 성명 이 있 고 함수 내 에 속 하 는 전역 성명 이 있 으 면 전역 변수 입 니 다.
  • 3. 메모리 문제
  • 메모리 분배 및 쓸모없는 메모리 회수 자체 관리!
  • 가장 자주 사용 하 는 쓰레기 수집 방식 은 태그 제거 이 고 주기 적 으로 운행 된다
  • .
  • 가장 간단 한 것 은 사용 하지 않 으 면 할당 값 은 null 이 고 대부분의 전역 변수
  • 에 적합 합 니 다.
    기본 포장 유형
  • Boolean, String, Number 는 기본 유형 이지 만 특별한 인용 유형 이기 도 합 니 다.시스템 내 장 된 방법 을 호출 할 수 있 기 때문이다.
  • e. g substring () 의 사용
  • Number 의 정적 속성
  • e.g Number.MAX_VALUE 등
  • e. g 내정 방법: toString ();toLocaleString();toFixed (2 소수점 보존 자릿수);등
  • String 유형 은 세 가지 속성 과 대량의 내장 방법 을 포함한다.
  • 세 가지 속성: length, constructor, prototype
  • 문자 방법: charAt (n), charCodeAt (n) ASCII 코드 되 돌려 주기
  • 문자열 조작 방법: concat (str) 는 모든 문자열 을 조합 하여 slice (n, m) 를 문자열 n 에서 m 사이 의 내용 substring (n, m) 과 같은 substr (n, m) 을 n 번 째 부터 m 글자
  • 로 되 돌려 줍 니 다.
  • 문자열 위치 방법: indexOf (str, n), lastindexOf (str, n)
  • 대소 문자 변환: toLowerCase () 를 소문 자로 변환 합 니 다.toUpperCase () 대문자 로 변환:
  • 문자열 패턴 일치 방법: match (pattern);replace(pattern,str);search();split(pattern);
  • 기타 방법: locale Compare () 두 문자열 비교
  • html 방법 도 있 습 니 다. 자체 검사
  • 내장 대상
  • Gloal 대상 과 Math 대상
  • Gloal 대상: 이 특별한 대상 은 존재 하지 않 습 니 다.
  • URI 인 코딩: encodeURI (): 중국어 와 encodeURIComponent () 인 코딩 문자 와 중국어 만 인 코딩
  • URI 디 코딩: decodeURI () 와 decodeURIComponent ()
  • eval (): 문자열 해석 기, 자바 script 의 해석 기 로 사용 할 수 있 습 니 다.javascript 코드 실행 가능
  • e.g eval('alert(123);');
  • Math 대상: 속성 은 Math. PI, 그리고 제곱 근 등
  • 방법 은 Math. min () 이다.Math.max(); Math.ceil();Math. floor () 를 위로 가 져 오기;아래로 가 져 오기
  • Math.random();난수: e. g 획득 1 ~ 10 난수:
  • Math.floor(Math.random()*10+1)
  • 좋은 웹페이지 즐겨찾기