ES6 기초 입문 let, const

저자 | Jeskson 출처 | 달 달 전단 작은 술집
01
일단 은 요?ES6 입문 기초 let, const 의 기초 지식 내용 을 배 우 러 오신 것 을 환영 합 니 다.초기 ECMA Script 6.
ESMAScript 와 JavaScript 의 관계:
ES 는 JS 의 표준 입 니 다. JS 는 ES 의 실현 입 니 다.
ESMAScript 의 일부 역사:
1998 - 06 ES2 발표, 1999 - 12 ES3 발표, js 의 통행 기준 이 되 었 다
2007 - 10 ES4 초안 발표
2008 - 07 ES4 의 작은 부분 을 추출 하여 ES 3.1 로 발표 하 였 다.
2009 - 12 ES5 발표
let 와 const 키워드, 블록 급 역할 영역 학습
let 와 블록 급 역할 영역
변수 설명: var, 직접 사용

window.location.href === location.href // true

 var age = 11;
 console.log(window.age);

let 와 var 의 주요 차이
let 성명 의 변 수 는 현재 블록 급 역할 영역 에서 만 유효 합 니 다. let 성명 의 변 수 는 중복 성명 되 지 않 고 변수의 향상 이 존재 하지 않 습 니 다.
02
ES6 이전의 역할 영역
전역 작용 역 함수 작용 역 eval 작용 역
블록 급 역할 영역
한 쌍 의 괄호 가 있 는 구역 입 니 다.

{...}

if() {}
switch() {}
for() {}
try {} catch (err) {}
{}

블록 급 역할 영역 은 끼 워 넣 을 수 있 습 니 다.

{
 {
  }
}

대표 대상, 블록 급 역할 영역 이 아 닙 니 다:

var da = {
 name: dada,
}

let 는 현재 블록 급 역할 영역 에서 만 작 동 합 니 다.

{
 var a = 1;
 let b = 2;
 }
 console.log(a);
 console.log(b);

{ 
 // 1
 let a = 1;
 {
  console.log(a); // 1
  let b = 2;
 }
 console.log(b); //   
}

for(let i = o; i<3; i++) {
};
console.log(i);

let 또는 const 성명 의 변 수 를 사용 하여 다시 할당 할 수 없습니다.
let 변수 증가 없 음

console.log(da);
var da = 'dada';

console.log(dada);
let dada = 'dada';

일시 적 사구

var da = '1';
{
 console.log(da);
 var da = '2';
}
console.log(da);

let da = '1';
{
 console.log(da);
 let da = '2';
}
console.log(da);

03
면접 문제:
10 개 버튼 생 성, 팝 업 1 - 10 클릭:

var i=0;
for(i=1; i<=10; i++){
 (function(i) {
  var btn = document.createElement('button');
  btn.innerText = i;
  btn.onclick = function() {
   alert(i)
  };
  document.body.appendChild(btn);
  })(i);
}

for(let i = 1; i<=10; i++) {
 var btn = document.createElement('button');
 btn.innerText = i;
 btn.onclick = function() {
  alert(i);
 };
 document.body.appendChild(btn);
}

const 상수, 바 꿀 수 없 는 양
상수 는 반드시 값 을 부여 해 야 한다. 그렇지 않 으 면 잘못 을 보고 해 야 한다.
let 와 비슷 하 다
중복 성명 할 수 없습니다. 변수 향상 은 존재 하지 않 습 니 다. 현재 블록 급 역할 영역 에서 만 유효 합 니 다.
상수 는 바 꿀 수 없 는 것 입 니까?
일단 상수 가 밝 혀 지면 더 이상 바 꿀 수 없 습 니까?
상수 가 인용 유형 일 때 변 하지 않 는 다 고 보장 할 수 없다.
인용 유형 해결, 불가 변 보증 불가
const 는 주소 의 방향 이 바 뀌 지 않 는 다 는 것 만 보증 할 수 있 지만 주소 의 값 이 바 뀌 지 않 는 다 는 것 은 보장 할 수 없습니다.
상수 로 유형 을 인용 할 때 수 정 될 수 있 는 상황 을 어떻게 방지 합 니까?

Object.freeze(); //   

es6 이전 성명 상수

var Da = '123';

Object.defineProperty();

Object.seal(); // 대상 확장 방지
hasOwnProperty () 자체 속성
seal()，defineProperty()，hasOwnperty()，freeze()。
Object. freeze () 방법 은 대상 을 동결 할 수 있 습 니 다.
동 결 된 대상 은 더 이상 수정 할 수 없다.대상 을 동결 하면 이 대상 에 게 새로운 속성 을 추가 할 수 없습니다. 기 존 속성 을 삭제 할 수 없습니다. 이 대상 의 기 존 속성의 매 거 성, 설정 성, 쓰기 성, 기 존 속성의 값 을 수정 할 수 없습니다.freeze () 는 들 어 오 는 매개 변수 와 같은 대상 을 되 돌려 줍 니 다.

const obj = {
  prop: 42
};

Object.freeze(obj);

obj.prop = 33;
// Throws an error in strict mode

console.log(obj.prop);
// expected output: 42

hasOwnPreperty () 는 원형 체인 의 속성 을 제거 합 니 다. true 라면 원형 이 아 닌 속성 을 설명 합 니 다.
Object. defineProperty () 방법 은 대상 에 새로운 속성 을 직접 정의 하거나 대상 의 기 존 속성 을 수정 하여 이 대상 을 되 돌려 줍 니 다.
obj 에서 속성 을 정의 할 대상 입 니 다.prop 에서 정의 하거나 수정 할 속성의 이름 입 니 다.descriptor 가 정의 하거나 수정 할 속성 설명자 입 니 다.
Object. seal () 방법 은 대상 을 닫 고 새로운 속성 추 가 를 막 으 며 모든 기 존 속성 을 설정 할 수 없 음 으로 표시 합 니 다.

const object1 = {
  property1: 42
};

Object.seal(object1);
object1.property1 = 33;
console.log(object1.property1);
// expected output: 33

delete object1.property1; // cannot delete when sealed
console.log(object1.property1);
// expected output: 33

추천
1 、 당신 은 이것 을 얼마나 알 고 있 습 니까? new, bind, call, apply?그럼 알려 줄 게.
2. 왜 자 바스 크 립 트 디자인 모델 을 배 웠 습 니까? 핵심 이기 때 문 입 니 다.
3. 한 편의 글 이 자 바스 크 립 트 의 패키지 와 고급 함수 에 가 져 옵 니 다.
4. 대형 공장 HR 면접 ES6 의 심도 있 는 출제 지식
5. 자 바스 크 립 트 기술 창고 에서 계승 과 원형 체인 에 대해 알 아 보 세 요.
현재 글 의 내용 은 바로 전단, PHP 지식 과 관련 되 어 있 습 니 다. 관심 이 있 으 면 주목 할 수 있 습 니 다. 영광 입 니 다. 당신 에 게 들 킬 수 있어 서 정말 혜안 으로 영 예 를 알 게 되 었 습 니 다!또한 당신 의 관심 에 감 사 드 립 니 다. 미래의 날 에 저 를 묵묵히 지지 해 주 셨 으 면 좋 겠 습 니 다. 저도 더 많은 우수한 작품 을 쓰 도록 노력 하 겠 습 니 다.우 리 는 함께 성장 하여 제로 기초 학 프로 그래 밍 에서 웹 전단 분야, 데이터 구조 와 알고리즘, 네트워크 원리 등 통속 적 이 고 알 기 쉬 운 것 을 파트너 에 게 보 여 주 었 다.웹 전단 과 관련 된 기술 문장, 도구 자원, 정선 과정, 핫 이 슈 정 보 를 공유 합 니 다.
만약 에 본 호의 내용 이 제대로 되 지 않 는 부분 (예 를 들 어 저작권 이나 다른 문제 와 관련 된 것) 이 있 으 면 저희 에 게 연락 하여 수정 을 하면 됩 니 다. 첫 번 째 시간 에 처리 할 것 입 니 다.
좋아요!당신들 의 찬성 / 격려 는 내 가 글 을 쓰 는 가장 큰 동력 이기 때 문 입 니 다!
다다 의 CSDN 에 주목 해 주세요!
이것 은 질 좋 고 태도 있 는 블 로그 다.