js 에서 getter 와 setter 함수 방법 및 연산 자 를 실현 하 는 특수 한 용법

3533 단어 web
1. getter 와 setter
javascript 의 대부분 은 간소화 되 었 습 니 다.여기 서 우 리 는 student 대상 이 있다 고 가정 하고 student. age 로 그의 age 속성 을 방문 합 니 다. 만약 에 이때 age 속성 을 정의 하면 우 리 는 그것 을 얻 을 수 있 습 니 다.
의 값 이 없다 면 우 리 는 undefined 를 얻 을 수 있 을 것 이다.
그러나 사용자 정의 getter 와 setter 함 수 를 만들어 서 원 하 는 것 을 가 져 올 수 있 습 니 다. 대상 의 값 을 직접 되 돌려 주 는 것 이 아니 라 값 을 설정 할 때 도 마찬가지 입 니 다.
이렇게 하면 우 리 는 가상 필드, 필드 검증, 부작용 등 더 복잡 한 필드 획득 과 설정 기능 을 실현 할 수 있 고 ES6 에 더욱 편리 한 문법 형식 을 추가 할 수 있다.
  • getter 는 쉽게 말 하면 속성 치 를 얻 는 방법 이다. setter 는 쉽게 말 하면 속성 치 를 설정 하 는 방법
  • 이다.
  • getter 는 조회 값 을 책임 집 니 다. 매개 변 수 를 가지 고 있 지 않 습 니 다. setter 는 키 값 을 설정 하고 값 은 매개 변수 형식 으로 내부 에서 전달 합 니 다.

  • / / isNaN() 함 수 는 하나의 값 이 NaN 인지 확인 하 는 데 사 용 됩 니 다. 즉, 이 값 이 비 숫자 인지 아 닌 지 를 판단 하 는 것 입 니 다.
    const student = {
        firstName: 'job',
        lastName: 'jark',
    
        get fullName() {
            return this.firstName + ' ' + this.lastName;
        },
    
        set age(value) {
            if (isNaN(value)) throw Error("It has been a bumber");
            this_age = Number(value)
        },
        get age() {
            return this_age
        }
    };
    console.log(student.firstName);
    student.firstName = 'jerry';
    console.log(student.fullName);
    student.age = '21';
    console.log(student.age);
    student.age = 'error';

    2. 연산 자
     1. 쉼표 연산 자
    보통 쉼표 연산 자 는 한 줄 에 여러 개의 문 구 를 만 들 거나 for 순환 에서 사용 합 니 다. 예 를 들 어
    
    
    var a,b,n = 6;
    for(a = 0,b = 0;a <= n&&b<=n;a++,b++) {
    }
    
    function  calculate() {
        return a++,console.log(a),a;
    }
    
    

    한 줄 에 쉼표 로 구 분 된 여러 표현 식 을 만 들 고 마지막 표현 식 의 결 과 를 되 돌려 줄 수도 있 습 니 다.
    / / var 를 통 해 정 의 된 변 수 는 역할 영역 이 전체 폐쇄 함수 이 고 전역 적 입 니 다.let 를 통 해 정 의 된 변 수 는 역할 영역 이 블록 급 이나 하위 블록 에 있 습 니 다.
    let result = number1,number2,...,numberN;

    2.!!연산 자
    그의 효 과 는 두 번 사용 한 js 부정 연산 자의 역할 과 일치한다.!!모든 표현 식 을 불 형식의 표현 식 으로 바 꾸 는 상대 적 으로 좋 은 연산 자 입 니 다.
    마찬가지 로 표현 식 의 반환 값 이 진짜 값 이면 true 로 돌아 가 고 그렇지 않 으 면 false 로 돌아 갑 니 다.
    !!null         //returns false
    !!undefined   //returns false
    !!false        //returns false
    !!true         //returns true 
    !!""           //returns false
    !!"somestring" //returns true
    !!0        //returns false
    !!1        //returns true
    !![]        //returns true
    !!{}        //returns true

    3. + 연산 자
    + 연산 자 는 문자열 을 숫자 로 빠르게 바 꿀 수 있 습 니 다. 문자열 앞 에 + 번 호 를 추가 하면 됩 니 다. + 연산 자 는 마이너스, 8 진법, 16 진법 과 지수 에 도 적 용 됩 니 다. date 나 Moment. js 대상 을 시간 스탬프 로 바 꿀 수 있 습 니 다.
    / / 타임 스탬프 (timestamp) 는 데이터 가 특정한 시간 전에 존재 하고 완전 하 며 검증 가능 한 데 이 터 를 나타 내 는 문자 시퀀스 로 특정한 시간 을 유일 하 게 표시 합 니 다.
    + '3.11'     //returns 3.11
    + '-4'        //returns -4
    + '0xFF'      //returns 255
    + true        //returns 1
    + '123e-5'   //returns 0.00123
    + false      //returns 0
    + null        //returns 0
    + 'Infinity' //returns Infinity
    +'1,234'     //returns Nan
    +dateObject   //returns 1542975502981
    +momentObject //returns 1542975502981

    4. 연산 자
    비트 연산 자 는 일반적으로 매우 적 게 사용 되 는데, 그 가 숫자 와 함께 사용 할 때, 예 를 들 어 ~ N = > - (N + 1), 이 식 은 N = = - 1 일 때 만 결 과 는 0 이다.
    우 리 는 indexof (..) 함수 앞 에 ~ 을 추가 하여 불 검 사 를 할 수 있 습 니 다. 하나의 항목 이 Array 나 string 에 존재 하 는 지 확인 할 수 있 습 니 다.
    let userName = 'break jerry'
    
    if(~userName.indexOf("break")) {
        console.log('access denied');
    }else {
        console.log('access granted');
    }

    좋은 웹페이지 즐겨찾기