당신의 자바스크립트 기술이 형편없는 5가지 이유

이 글은 자바스크립트가 나쁜 이유 5가지 글을 번역한 것입니다.

Javascript는 인터넷에서 나쁜 평판을 갖고 있지만 그만큼 역동적이고 널리 사용되며 우리 삶에 뿌리를 두고 있는 다른 언어를 찾기는 어렵습니다. 학습 임계값이 낮기 때문에 많은 사람들이 이를 유아용 스크립트 언어라고 부릅니다. 사람들이 이를 비웃는 또 다른 점은 동적 언어의 개념이 높은 표준의 정적 데이터 유형을 사용한다는 것입니다. 사실, 당신과 Javascript는 잘못된 편에 있고 이제 당신은 Javascript를 매우 화나게 만들고 있습니다. 귀하의 JavaScript 기술이 형편없는 5가지 이유는 다음과 같습니다.

　1. 네임스페이스를 사용하지 않습니다.

대학 선생님께서 숙제할 때 전역 변수를 사용하지 말라고 하셨던 것을 아직도 기억하시나요? Javascript에서 전역 변수를 사용하는 것도 예외는 아닙니다. 조심하지 않으면 웹 페이지는 인터넷의 모든 곳에서 상호 침해하는 스크립트와 스크립트 라이브러리로 가득 차 혼란스러워질 것입니다. 변수 loader()의 이름을 지정하면 문제가 발생합니다. 함수를 깨닫지 못한 채 오버로드하면 Javascript는 전혀 알림을 보내지 않습니다. 당신은 그것을 유치원 프로그래밍 언어라고도 불렀습니다. 기억하시나요? 내가 말하려는 것은, 이 일을 한 후에 무슨 일이 일어나는지 알아야 한다는 것입니다.

코드 복사 코드는 다음과 같습니다.

function derp(){ Alert("one "); }
function derp(){ Alert("two"); }
derp();

"two", 대답은 "two"입니다. 반드시 그런 것은 아니며 "하나"일 수 있습니다. 따라서 모든 코드를 자체 네임스페이스에 넣는 것이 쉽습니다. 자신만의 네임스페이스를 정의하는 간단한 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

var foospace={}; foospace.derp =function(){ 경고("one") }
function derp(){ 경고("two") }
foospace.derp()

2. You Jugglery에서는 여기 저기에 정의된 변수를 넣습니다.
설명할 수 없는 숫자와 문자의 조합을 변수 이름으로 사용하는 것은 손실이 많은 결과입니다. 40줄의 코드 블록에서 의미 없는 문자 변수를 찾는 것은 유지 관리에 있어서 악몽입니다. 변수의 첫 번째 선언을 40줄의 코드 블록에 혼합하는 것도 악몽입니다. 이러한 변수를 직접 만나더라도 "이것은 어디에 정의되어 있지?"라고 자문하지 않을 수 없습니다. 그런 다음 신속하게 Ctrl F 조합을 사용하여 소스 코드에서 이 변수가 원래 정의된 위치를 찾습니다. 아니요, 그러지 마세요. 오히려 Javascript를 남용하는 것이며 어리석은 접근 방식입니다. 항상 범위의 최상위에 변수를 정의해야 합니다. 꼭 필요하지 않다고 해서 하지 않아도 된다는 뜻은 아닙니다.
function(){
var a,//description
b; //description
//process…
}
　3. Javascript의 변수 범위를 이해하지 못합니다.
당신은 천재 프로그래머입니다. 먹는 것은 C이고 당기는 것은 리스트입니다. 변수 범위가 무엇인지 알고 변수를 완벽하게 제어할 수 있으며 왕처럼 감시할 수 있습니다. 하지만 자바스크립트는 커피에 똥을 싸서 웃게 만듭니다.

코드 복사 코드는 다음과 같습니다.

var herp="one"; >{
var herp="two"
}
경고(herp);
이 경우 얻을 수 있는 약초는 "하나"가 아닌 "둘" 입니다. Javascript의 변수 범위는 다른 언어와 마찬가지로 코드 블록에 의존하지 않습니다. Javascript의 변수 범위는 함수를 기반으로 합니다. 각 함수에는 고유한 변수 범위가 있으며 Javascript는 이에 대해 훌륭하며 중괄호로 묶인 의미 없는 범위를 무시합니다. 실제로 Javascript는 네임스페이스나 변수와 같은 변수 범위를 전달할 수도 있을 정도로 훌륭합니다.
4. 자바스크립트의 객체지향 기능을 접목한 것이라고 생각하시나요?
Javascript는 처음부터 객체 지향 언어였습니다. Javascript의 모든 것은 객체입니다. 숫자나 문자와 같은 문자 기호도 고유한 생성자를 통해 객체로 변환될 수 있습니다. 다른 객체지향 언어와 비교하여 Javascript는 클래스가 없다는 점에서 다릅니다. Javascript 객체는 함수처럼 정의되며 함수 자체도 객체입니다. Javascript에는 프로토타입이라는 속성이 있습니다. 이 속성을 사용하여 객체의 구조를 변경하고, 객체를 수정하고, 더 많은 변수를 추가할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var derp; 예
var Herp= function(){
this.opinion="Javascript는 BASIC보다 더 멋집니다."
}
Herp.prototype.speak=function(){ 경고(this.opinion) ; }
var derp= new Herp();
derp.speak();

이것이 당신에게 중요하지 않다고 생각된다면, 나의 좋은 친구 Google을 소개하고 싶습니다. Google 사람들이 지식을 배우도록 돕는 데 능숙합니다. 객체지향은 나의 짧고 이목을 끄는 기사에 비해 너무 큰 주제입니다.
5. 'new'라는 키워드를 사용하면 당신은 장님, 눈먼 말과 같습니다.
Javascript가 첫 번째 여자친구임에 틀림없어요. 당황한 것 같거든요. 실제 사람처럼 자바스크립트를 즐기고 싶다면 객체 표기법을 이해해야 합니다. 개체를 인스턴스화해야 하는 경우나 데이터 로드를 지연해야 하는 드문 경우를 제외하면 기본적으로 new 키워드를 사용할 필요가 없습니다. JavaScript에서 많은 수의 새 변수의 주소를 할당하는 것은 느린 작업이므로 효율성을 위해 항상 객체 표기법을 사용해야 합니다.

코드 복사 코드는 다음과 같습니다.

var rightway= [1, 2, 3 ];
varwrongway= new Array(1, 2, 3);

제가 Javascript의 변수 범위가 함수를 기반으로 한다고 말한 것을 기억하시나요? 자바스크립트 객체는 함수처럼 정의된다는 말을 아직도 기억하시나요? 객체를 선언하는 데 new 키워드를 사용하지 않으면 객체를 전역 범위로 지정하게 됩니다. 그러므로 객체를 선언할 때 항상 new 키워드를 사용하는 것이 좋은 습관입니다.

코드 복사 코드는 다음과 같습니다.

var derp="one"; >var Herp =function(){
this.derp="two";
}
var foo=Herp()
alert(derp)

이렇게 Write 하면 Javascript는 신경 쓰지 않고 실제로 팝업되는 대답은 "2"입니다! 객체가 이와 같이 동작하는 것을 방지하는 방법은 여러 가지가 있습니다. 인스턴스오브(instanceOf)를 사용할 수 있지만 더 나은 방법은 더 전문적으로 보이는 새 키워드를 올바르게 사용하는 것입니다.
이제 Javascript 코드가 형편없다는 것을 알게 되었습니다. 위에서 언급한 사항을 기억한다면 코드가 향상될 것입니다. 나는 3개의 탭 키를 사용하여 코드를 들여쓰는 것을 좋아하고 밑줄을 사용하여 단어를 연결하는 것을 좋아하며 함수 이름의 첫 글자를 대문자로 사용하여 객체임을 표시하는 것을 좋아합니다. 물론 이것은 또 다른 논의이다. 제가 형편없는 기술을 많이 갖고 있는 것처럼 여러분의 자바스크립트 코드가 형편없이 작성되는 데에는 여러 가지 이유가 있으니, 댓글로 여러분의 의견을 자유롭게 표현하고, 지지하고, 반대하고, 조언해 주세요.
5번 항목의 오류를 지적해 주신 rogeliorv와
Jared Wein에게 깊은 감사를 드립니다. 당신은 강하다.