자바스크립트, 값, 세미콜론의 소박한 기본

값

가끔 JavaScript 파싱 엔진이 다음 코드와 같은 변수의 값을 어떻게 구별하는지 궁금합니다.

var x = 'javascript'; //javascript
x = "hello"; // hello
x = 555; //555
x = null; //null
x = a; //a is not defined
x = true; //true

는 다양성이 없고 숫자는 숫자이기 때문에 숫자에 직접 할당됩니다. 하지만 프로그래밍 언어에서는 영어가 문자열이거나 참조되는 다른 변수일 수 있으므로 값이 영어인 경우 구별하기가 어렵습니다. 따라서 변수와 문자열을 어떻게 구별하는가가 특히 중요합니다. 프로그래밍 언어에서는 변수와 문자열을 구별하기 위해 문자열을 따옴표로 묶는 경우가 많습니다. Java와 같은 일부 언어에서는 작은따옴표와 큰따옴표를 구분합니다. 작은따옴표는 문자를 묶고 큰따옴표는 문자열을 묶습니다. 하지만 자바스크립트는 문자와 문자열을 구분하지 않고 둘 다 문자열로 취급하므로 자바스크립트에서는 작은따옴표와 큰따옴표의 차이가 없습니다.

변수와 문자열을 구별하기 위해 따옴표를 사용할 수도 있지만, 그 값은 키워드일 수도 있습니다. 예를 들어 위 코드에서는 x를 null에 할당했는데, 이러한 프로그래밍 언어는 어떻게 구별합니까? 변수와 문자열은 어떻습니까?

null = 123;
console.log(null); //Uncaught ReferenceError: Invalid left-hand side in assignment
undefined = 456;
console.log(undefined); //undefined

위에서는 null과 undef 각각에 다른 값을 할당했는데, 결과적으로 null에 값을 할당할 때 오류가 보고되었습니다. 정의되지 않은 값을 할당해도 성공하지 못합니다. 아마도 null 및 정의되지 않은 경우 값일 수 있습니다. 변수는 값을 찾습니다. JavaScript가 변수와 키워드를 구별하는 방법에 대해 이야기하면 결국 JavaScript가 변수와 값을 구별하는 방법이 될 수 있습니다.

세미콜론

일부 JS 플러그인에서는 다음과 같은 코드 줄을 자주 볼 수 있습니다.

;(function(){
 .........
})();

코드 시작 부분에 세미콜론이 있는데, 이 세미콜론은 무슨 용도로 사용되나요?

세미콜론이 코드의 끝을 나타내는 것은 알지만, 문제는 자바스크립트에서는 세미콜론을 쓸 수 없기 때문에 코드의 끝을 사용자가 결정하는 것이 아니라 문제가 발생합니다. 프로그램에 의해 결정되며 프로그램은 전능하지 않습니다. 종종 특정 규칙을 따르는 경우가 많습니다. 작성한 코드가 해당 규칙을 따르지 않으면 최종 결과가 다소 불만족스러울 수 있습니다.

다음은 세미콜론 생략을 위한 자바스크립트 구문 분석 규칙입니다

var a
=
1 + 2
console.log(a) //3

자바스크립트 구문 분석기는 위 코드를

var a = 1 + 2;
console.log(a); //3

javascript가 2 뒤에 세미콜론을 추가하지 않으면 구문 분석할 수 없습니다. 또한 구문 분석할 수 없으면 javascript 파서가 추가를 시도한다고 할 수도 있습니다. 여전히 구문 분석할 수 없으면 오류가 보고됩니다. 또 다른 예는 다음 코드입니다

var a = 10;
var b = 5;
var c = a + b
(a + b).toString()
// b is not a function

b는 함수가 아니라고 하는데, 이는 위 코드가 다음 코드로 파싱될 가능성이 높다는 것을 의미합니다

var a = 10;
var b = 5;
var c = a + b(a + b).toString();

()를 함수 호출로 처리합니다. JavaScript 파서는 가능한 한 많이 일치하지만 retrun, break 및 continue와 같은 몇 가지 예외가 있음을 이해할 수 있습니다. JavaScript 파서가 이러한 키워드를 구문 분석할 때 줄바꿈 이후의 내용은 변경되지 않습니다. 자체적으로 취급하되 줄바꿈 바로 앞에 세미콜론을 추가하세요.

function test(){
 return 
 123;
}
console.log(test()); //undefined

123을 반환하지 않습니다. 즉, 재실행 직후에 세미콜론을 추가합니다.

돌이켜보면 플러그인 개발자들은 왜 코드 첫 줄에 세미콜론을 추가하는 걸까요?

플러그인이기 때문에 당연히 남들이 사용하는 것이겠죠? 그런데 중요한 문제는 이 플러그인을 사용하는 사람들이 어떻게 코드를 작성하는지 모른다는 것입니다. 이것은 상당한 오류인 것 같습니다. 코드와 우리는 서로 무슨 관계가 있습니까?

사용자의 코드가 우리 코드에 영향을 준다면 어떻게 영향을 미치나요? 예를 들어 다음과 같은 코드를 작성하고 있습니다.

<script src="test.js"></script>
<script src="zmz.js"></script>

첫 번째 스크립트는 사용자가 직접 작성한 것이고, 두 번째 스크립트는 플러그입니다. -in이 도입되었습니다. 그러면 브라우저는 이 두 스크립트를 어떻게 구문 분석합니까? 테스트해봅시다

test.js

var a
a

zmz .js

(1+2)

실행해 보면 오류가 보고되지 않는 것을 확인할 수 있습니다. 이는 javascript 파서가 이 작업을 수행하지 않음을 의미합니다. 파일에는 세미콜론이 없으며 후자 파일의 코드와 함께 구문 분석됩니다.

문제는 여기에 있는 것이 아니지만 아마도 HTTP에 관한 책을 읽었을 수도 있습니다. 와, 파일을 병합하면 요청 수를 줄일 수 있다는 것이 밝혀졌으므로 두 스크립트가 하나로 통합됩니다. 이렇게 되어버렸습니다

var a
a(1+2)

플러그인 앞에 세미콜론을 추가하면 이런 식으로 변할 수 있다고 생각하시나요? 일어나지 않을 일이 나타날 수도 있습니다.

var a
a;(1+2)

그러므로 세미콜론을 단지 특정 코드 부분을 끝내는 데 사용되는 것으로 생각하지 마세요. 특정 코드 부분을 분리하는 데에도 사용할 수 있습니다. 코드를 작성하고 다른 사람들 사이에 선을 그립니다.

자바스크립트의 초라한 기본과 값, 세미콜론에 관한 더 많은 글을 보시려면 PHP 중국어 홈페이지를 주목해주세요!