현대 자바스크립트의 기초 - 세 번째 부분
1. 자바스크립트에서 var 사용을 중지한다.
자바스크립트에서 var을 사용하는 것을 포기해야 하는 이유는 this article 에서 설명한 역할역과 관련이 있습니다.
기본적으로 var에는 많은'구멍'이 있는데 이것은 악몽으로 증명되었다. 특히 생산 코드에서 사용할 때let이나const를 사용하는 것을 권장한다.this article에서 let과const의 차이를 보세요.
Did you know you can declare the keyword let as a variable using var? ie;
var let = 'cyrusCodes';
현재 이 논리와는 거리가 먼 것은 자바스크립트가 이 키워드를 허용한다는 사실이 성명에서 이 키워드를 사용하는 것을 두려워하게 할 것이다.var은 기본적으로 보존자를 표지부로 사용하지 않는 기본 규칙을 무시합니다. 기억해야 할 규칙을 더 많이 찾을 수 있습니다.나는 이것이 네가 var의 사용을 포기하고 이런 가능한 합병증을 피해야 하는 또 다른 좋은 원인이라고 생각한다.2.현대javascript에서 공과 정의가 없음;
이 점을 상세하게 설명하기 위해서 우리는 하나의 예를 사용할 것이다.
console.log(name);//ReferenceError: name is not defined
이것은 우리의 변수명이 존재하지 않는다는 것을 의미하며, 이것은 우리가 토론하고 있는 정의되지 않은 기원 유형과 혼동해서는 안 된다.이것은 자바스크립트 오류입니다. 사용하기 전에 변수를 설명해야 한다고 규정합니다.그러나 만약 우리가 변수를 정확하게 성명했지만 이런 값을 주지 않았다면.
let names;
console.log(names); //undefined
그러면 우리가 가진 것은 더 이상 잘못이 아니라 정의되지 않은 원시 유형이다.이것은 프로그램이 변수가 존재한다는 것을 알고 있다는 것을 의미한다. 즉, 변수가 성명되었지만, 변수가 부여되거나 초기화되지 않았다는 것이다.이를 확인하기 위해 다음과 같은 유형을 사용할 수 있습니다.let names;
console.log(typeof(names)); //undefined
우리는 또한undefined를 초기화되지 않은 변수의 값으로 볼 수 있다. 이것은 변수를undefined의 값에 분배하는 것을 의미한다. 다음과 같다.let names = undefined;
console.log(typeof(names)); //undefined
이것은 변수를 성명하고 값을 부여하지 않거나 초기화하면 우리가 이미 논의한 것과 같은 결과를 얻을 수 있기 때문에 불필요하다.정의되지 않은 것도 자바스크립트에서 여러 조작의 결과일 수 있다. 이런 조작은 다음과 같지만 이에 국한되지 않는다.
let names = {};
console.log(names.age); //undefined
let names = [];
console.log(names[0]);//undefined
function user(name) {
}
console.log(typeof(user())); //undefined
function user(name) {
console.log(name);
}
user(); //undefined
다른 한편, 널은 값이 없음을 나타냅니다.이것은 부치이자 대상이다.이것은 우리가 변수를null로 할당할 수 있음을 의미한다. 다음과 같다.let names = null;
console.log(names); //null
만약 우리가 자바스크립트에서null의 유형을 검사한다면 다음과 같은 결과를 얻을 수 있습니다.let names = null;
console.log(typeof(names)); //object
두 가지 원시 유형을 비교할 때console.log(null == undefined); //true
이 간단한 코드 세션은 코드에 심각한 영향을 미칠 수 있습니다. 결과를 얻을 수 있을 뿐만 아니라 다른 결과를 기대할 수도 있습니다.예:let user = null;
let users = undefined;
console.log(user == users);//true
앞에서 논의한 바와 같이, 우리는 이 두 가지가 같지 않거나 같지 않다는 것을 알고 있지만, 코드에서 같은 연산자를 사용하여 이 두 가지를 비교할 때, 당신은 많은 시간을 들여 문제를 찾으려고 할 수 있습니다.console.log(null === undefined); //false
이는 코드의 경우와 같습니다.let user = null;
let users = undefined;
console.log(user === users); //false
자바스크립트에서 = (부치 연산자), = (상등 연산자), = (엄격한 상등 연산자) 를 구분하고 이 도구를 어디에서 가장 잘 사용하는지 아는 것이 중요하다.만약 당신이 정말로 흥미를 느낀다면, 이 도구들이 자바스크립트 언어에서의 차이와 중요성에 놀랄 것이다.마지막으로null과undefined는 아무런 속성이나 방법도 연결되지 않으며,javascript에서 어떤 속성이나 방법을 사용해도 형식 오류가 발생할 수 있습니다.예:
console.log(null.length); //TypeError: Cannot read property 'length' of null
console.log(undefined.length); //TypeError: Cannot read property 'length' of null
기본 자바스크립트에 대한 흥미진진한 블로그 시리즈의 세 번째 부분은 이것으로 끝났고, 이어서 더 많은 내용이 있습니다.이 시리즈의 첫 번째 글을 읽으려면 누르십시오. 아직 읽지 않았으면, 이 시리즈의 두 번째 글을 읽으십시오.나는 너에게 이 블로그를 구독하고 새로운 부분이 완성될 때 통지를 받도록 촉구한다.너도 이 글을 소셜 미디어에 공유하고 책갈피로 삼아 장래에 참고할 수 있도록 하거나 친구도 자바스크립트 언어를 사용하거나 흥미를 가지게 할 수 있다.당신들은 계속 저를 주목할 수 있습니다. 여기서 저는 수많은 자바스크립트와 관련된 자원과 글을 공유했고 우리는 일생의 친구와 자바스크립트 애호가가 될 수 있습니다.
마지막으로, **시간을 내서 본문을 읽어 주셔서 감사합니다.만약 네가 더욱 관대하다고 생각한다면, 나는 네가 나에게 커피 한 잔을 사주는 것을 막지 않을 것이다.
다음 글에 앞서 계속 인코딩하고 공유해 주십시오.
Reference
이 문제에 관하여(현대 자바스크립트의 기초 - 세 번째 부분), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/cyruscodes/modern-javascript-basics-part-iii-4obo텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)