> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 엄격 모드 소개 및 키워드_기본 지식

JavaScript의 엄격 모드 소개 및 키워드_기본 지식

WBOY
풀어 주다: 2016-05-16 17:01:09
원래의
1206명이 탐색했습니다.

2009년 12월 ECMAScript는 ECMAScript 5를 출시했습니다. ECMAScript 3 표준의 이전 버전이 출시된 지 10년이 지났습니다. 이 기간 동안 JavaScript는 웹 프로그래밍에서 널리 사용되었지만 결국 ECMAScript 4는 주요 제조업체 및 조직에서 채택되었습니다. 관련 이해관계에 따라 언어의 복잡성(즉, ECMAScript의 기능을 확장하기 위해 많은 기능을 추가할지 여부)이 불일치로 인해 방해를 받아 새로운 ECMAScript 표준의 공식화는 프로그래밍 방식보다 훨씬 뒤쳐졌습니다. ECMAScript 5는 JSON에 대한 지원과 보다 포괄적인 리플렉션 제어를 추가하는 것 외에도 "엄격 모드"를 도입한다는 점에서 야심 찬 목표를 가지고 있습니다. 이 모드에서는 ECMAScript의 구문이 더욱 엄격해지기 때문에 필수 변수 선언 및 허용되지 않는 명령문을 포함하여 오류가 발생하기 쉬운 일반적인 코드가 더 이상 허용되지 않습니다. 이 모드를 채택하는 것은 매우 간단합니다. 스크립트 파일이나 함수의 첫 번째 줄에 "use strict"를 추가하면 됩니다.

저자는 나중에 2010년에 with 키워드의 단점을 논의하는 짧은 글을 썼다는 것을 알게 되었는데, 아래에 첨부되어 있습니다.
쐐기

오래전 마술사 마량의 고향에서는 그를 기리기 위해 그의 이름을 따서 도로 이름을 짓고 싶었습니다. Ma Liang은 거절하지 않고 네 단어의 조언을 제시했습니다. 몇 년 후, 한 외국인이 이곳에 와서 이 길에서 현지인에게 멈춰 길을 물었습니다.

죄송합니다만, 여기가 성스러운 길인가요?

네, 센마로드입니다.

당신도 모르시나요?

나도 여기 있는 사람인데 어찌 모를 수 있겠는가.

그럼 이곳은 성스러운 길인가요?

알면서 왜 물어보나요.

이게 성스러운 길인지 모르겠어요.

그럼 이 길이 성스러운 길이라고 내가 이미 말하지 않았나요?

이것이 성스러운 길이라고 다시 말씀해 주시겠습니까?

......

이후 현지 남자는 마법의 펜인 마리앙의 의견을 기억하고 문득 깨달았다. Ma Liang이 말한 것은 - 약어를 사용하지 말라는 것입니다.

질문

어느 날 톰은 중국인 친구 왕얼에게 "나에겐 꿈이 있어요. 다음날 CCTV에 제 모습을 보여주고 싶어요"라고 말했습니다. . 경찰은 톰이 가게 CCTV에 아주 선명하게 포착되었기 때문에 신원을 확인하고 체포하는 데 많은 시간을 걸리지 않았습니다.

톰이 자신의 꿈을 말했을 때 그는

A입니다. 야심적임 B) 야심적임 C)모호함 D) 분명함

정답은 B)와 C)입니다. 이는 Javascript에도 존재합니다.

objectWithLongName1.propty1=value1;

objectWithLongName1.propty2=value2;

objectWithLongName1; =value3;

objectWithLongName1.method1();

그러나 프로그램의 가독성을 위해서는 명확한 이름이 매우 중요합니다. 그래서 자바스크립트는 with 문을 제공합니다. 위의 예는 다음과 같이 다시 작성할 수 있습니다.



코드 복사 코드는 다음과 같습니다. with (objectWithLongName1){
propty1=value1;

propty3=value3;

}


이렇게 하면 키보드를 치는 시간이 많이 절약되고, 프로그램의 구조가 더욱 명확해집니다. 그러나 이러한 약어는 모호함을 야기합니다. 중괄호 안의 이름, objectWithLongName1의 속성 및 메서드, 외부 변수 및 함수를 어떻게 알 수 있습니까? Javascript의 구문 분석 규칙은 먼저 objectWithLongName1에서 이러한 이름의 속성을 찾는 것입니다. 찾을 수 없으면 외부 변수로 간주됩니다. 코드 설명은 다음과 같습니다.




코드 복사


코드는 다음과 같습니다.
if (objectWithLongName1.property1! ==미정의){ if(objectWithLongName1.value1!==미정의){ objectWithLongName1.property1=objectWithLongName1.value1; //아마도 1
}else{

objectWithLongName1.property1=value1;//가능 2

}

}else{

if(objectWithLongName1.value1!== 정의되지 않음){

property1=objectWithLongName1.value1; //3개 가능

}else{

property1=value1; //4개 가능

}

}


우리가 바라는 것은 이 네 가지 가능성 중 하나이지만, 주의하지 않으면 프로그램 실행이 또 다른 가능성이 될 것입니다. 더욱이 이런 글쓰기 방식은 프로그램 독자들이 이해하기에도 매우 어렵습니다. 반면에 Javascript 인터프리터의 경우 이러한 불확실성은 언어 성능에도 영향을 미칩니다.

사실 작은 개선만 필요하다면 이러한 결함은 제거될 수 있습니다. 생략된 객체의 속성 앞에 마침표를 추가하여 속성과 외부 변수를 직관적으로 구분할 수 있습니다. 초기 예는 다음과 같습니다.



코드 복사


코드는 다음과 같습니다.

(objectWithLongName1){

.propty1=value1;

.propty2=value2;


.method1();

}

Javascript가 이러한 개선을 하기 전에 두 가지 해악 중 덜 나쁜 것은 with 문을 사용하지 않는 것입니다. 여전히 몇 가지 해결 방법을 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
var o1= objectWithLongName1; 🎜>o1 .propty1=value1;

o1.propty2=value2;

o1.propty3=value3;


또는 다음과 같은 경우:

objectWithLongName1.propty1= objectWithLongName2.propty1;
objectWithLongName1.propty2= objectWithLongName2.propty10= objectWithLongName2.propty10; 다음과 같이 쓸 수 있습니다:




코드 복사


코드는 다음과 같습니다:


(function(o1 , o2, pl){
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿