전단 의 고급 조작 몇 가 지 를 알려 드릴 게 요. 몇 가 지 를 아 세 요?

목차

1. 유형 교환

1. 쾌속 회전 번호

2. 빠 른 속도 로 부 울

3. 혼용

2. 연속 구조 해제

1. 가장 기본 적 인 해체

2. 내장 대상 재 구성

유형
1. 쾌속 회전 번호

var a = '1'

console.log(typeof a)
console.log(typeof Number(a)) //     
console.log(typeof parseInt()a) //     
console.log(typeof +a) //     

2. 부 울 을 빠르게 돌려 라

var a = 0

console.log(typeof a)
console.log(typeof Boolean(a)) //     
console.log(typeof !!a) //     

알림: js 에서 == 비교 하 는 두 가 지 를 유형 으로 변환 합 니 다. 그 중에서 숫자 1 은 true, 0, null, NAN, 빈 문자열 은 모두 false 입 니 다.즉 0 == false, null==false 등의 결과 가 모두 정확 하 다 (true) 는 것 이다.그리고 === 에서 도 엄격 한 모델 에서 이런 것들 은 모두 성립 되 지 않 는 다 고 할 수 있다. 예 를 들 어 0===false 결 과 는 잘못된 것 (false) 이다.
3. 섞 어 쓰기
넘 버 로 넘 어가 고 불 리 언 으로 넘 어 가 겠 습 니 다.

var a = '0'

console.log(!!a) //             true，     
console.log(!!+a) //     Number     Boolean，    。   false。

2. 연속 적 인 구조 해제
1. 가장 기본 적 인 해체
대상 에서 필드 추출

const user = {
  id: 123,
  name: 'hehe'
};
const {name} = user;
console.log(name); //prints: hehe

2. 내장 대상 재 구성
때때로 우 리 는 포 함 된 대상 을 만 날 수 있 습 니 다. 만약 우리 가 충분히 알 지 못 한다 면 이러한 재 구성 을 쓸 수 있 습 니 다.

const user = {
  id: 123,
  name: 'hehe',
  education: {
    degree: 'Main'
  }
};

//        degree
const {education} = user;
const {degree} = education;

물론 이런 문법 은 비교적 번 거 롭 고 층 층 이 벗 겨 져 서 분명히 번거롭다.사실 우 리 는 한 걸음 한 걸음 재 구성 할 수 있다.

const user = {
  id: 123,
  name: 'hehe',
  education: {
    degree: 'Main'
  }
};
const {education: {degree}} = user;
console.log(degree); //      Main

이러한 쓰기 방법 은 저 는 보통 element 구성 요소 라 이브 러 리 에서 자주 사용 합 니 다. 예 를 들 어 표 에서: 보통 쓰기:

  <el-table-column label="  " prop="author" align="center" width="100px">
        <template slot-scope="scope">
          <span v-html="scope.row.authorWrapper" />
        </template>
  </el-table-column>

개 선 된 쓰기

  <el-table-column label="  " prop="author" align="center" width="100px">
        <template slot-scope="{row:{authorWrapper}}">
          <span v-html="authorWrapper" />
        </template>
  </el-table-column>

이렇게 하면 또 간결 하고 편리 해 지지 않 습 니까?
물론 우 리 는 또 다른 상황 을 만 날 수 있다.
배열 의 첫 번 째 대상 요소 에서 특정한 속성 을 추출 합 니 다. 예 를 들 어 err 대상 에는 errors 배열 이 포함 되 어 있 고 errors 배열 은 모든 대상 에 msg 속성 을 포함 합 니 다.

err = {
  errors: [
    {
      msg: 'this is a message'
    }
  ]
}

일반 표기 법:

msg=err.errors[0].msg

연속 재 구성 방법:

const [{ msg }] = err.errors

만약 당신 도 전단 지 를 공부 하고 있다 면, 이 블 로 거들 에 게 관심 을 가지 고 전단 지 에 관 한 지식 을 더 많이 배 워 야 합 니 다 ~
블 로 거 홈 페이지 Poetic Code