jQuery 소스가 변수 할당을 위해 쉼표 연산자를 사용하는 이유는 무엇입니까?

Question

여기 발췌이다에서 JQuery와 소스 코드 (1.7.1) 시작 :

// Define a local copy of jQuery 
var jQuery = function(selector, context) { 
     // The jQuery object is actually just the init constructor 'enhanced' 
     return new jQuery.fn.init(selector, context, rootjQuery); 
    }, 

    // Map over jQuery in case of overwrite 
    _jQuery = window.jQuery, 

    // Map over the $ in case of overwrite 
    _$ = window.$, 


    // ...continues... 


    // [[Class]] -> type pairs 
    class2type = {}; 

코드는 가변 할당하는 일련의 모든 콤마 연산자에 의해 결합이있다. the comma operator을 이해하면 앞뒤의 표현식을 평가하고 후행 표현식의 값을 반환합니다.

변수 할당 체인이 아무 것도 지정되지 않았기 때문에 코드가 작동 방식을 변경하지 않고 쉼표 대신 세미콜론으로 다시 쓸 수 있다는 사실을 알게되었습니다. 예 :

// Define a local copy of jQuery 
var jQuery = function(selector, context) { 
     // The jQuery object is actually just the init constructor 'enhanced' 
     return new jQuery.fn.init(selector, context, rootjQuery); 
    }; /* <----- semicolon */ 

    // Map over jQuery in case of overwrite 
    _jQuery = window.jQuery; /* <----- semicolon */ 

    // Map over the $ in case of overwrite 
    _$ = window.$; /* <----- semicolon */ 

    // ...and so on. 

1. 이 같은 세미콜론으로 다시 작성하는 경우 코드는 동일한 효과를겠습니까, 아니면 내가 뭔가를 놓친 거지?

2. 이 일 때 동일한 효과가있는 경우 쉼표로 쓰는 이유는 무엇입니까? (나는 이유는 모르겠지만 내가, 예를 들어, 그 Crockford doesn’t like the comma operator (see near the bottom)을 알고있다.)

Answer 1

나는이 JSLint 규칙을 준수 생각합니다.

JSLint는 변수 선언을 세미콜론이 아닌 쉼표로 구분합니다.

Crockford가 자신의 도구가 장려 할 때 쉼표 연산자를 사용하는 이유가 확실하지 않습니다. 메시지 읽기 :

이전의 'var'문과 결합하십시오.

Answer 2

아니요 쉼표로 구분 된 var 선언입니다. 모두 첫 번째 var 접두사를 사용합니다. 예컨대 : 동일한 효과를 얻을 그것을 이런 식으로 쓰기 위해

var a = 1, // local 
    b = 2; // local 


var a = 1; // local 
    b = 2; // global! 

:

var a = 1; // local 
var b = 2; // local 

Answer 3

개인적으로 나는이 창조자의 주요 언어와 순수 나쁜 습관 변형과 영향력을 생각합니다. 이 코드는 읽기가 어렵고 혼란을 가져옵니다. 특히 jQuery에서 리터럴 객체에 대한 모든 것을 선언하는 모듈 패턴과 함께 사용할 때 특히 그렇습니다. jQuery는 클래스를 인스턴스화하는 함수 생성자를 선언하는 방법을 잊어 버렸거나 간단하게 jQuery 스타일에 적용되지 않는다. 당신이 VAR를 생략하면

// Define a local copy of jQuery 
var jQuery = function(selector, context) { 
     // The jQuery object is actually just the init constructor 'enhanced' 
     return new jQuery.fn.init(selector, context, rootjQuery); 
    }; /* <----- semicolon */ 

    // Map over jQuery in case of overwrite 
    var _jQuery = window.jQuery; /* <----- semicolon */ 

    // Map over the $ in case of overwrite 
    var _$ = window.$; /* <----- semicolon */ 

    // ...and so on. 

당신이 전역 변수를 만들거나 덮어 쓰게됩니다 : 당신은 각 변수의 앞에 VAR을 추가하는 경우 세미콜론 (;)으로 작성된 경우

코드는 동일한 효과를 얻을 수 있습니다.

Answer 4

나는 하나의 효율성, 두 번째 코드 정리 및 세 번째 변수 범위 지정과 같은 몇 가지 이유가 있다고 생각합니다.

이유 : var var1,var2,var3;을 지정하면 엔진은 "var"키워드를 사용하여 목록 앞에 있기 때문에 변수 목록을 전달한다는 것을 알게됩니다.만약 당신이 할 것이면

var var1; 
var var2; 
var var3; 

엔진은 var 키워드를 보게 될 것이고, 그것은 변수를 정의하는 것을 이해하고 논쟁을 살펴볼 것입니다. 나는 목록을 반복 할 때마다 var를 재평가하는 것이 낫다고 생각한다.

이유 2 : 나는 코드의 어딘가에서 등호를 보는 것보다 쉼표로 구분 된 목록을 읽는 것이 훨씬 더 읽기 쉽다.

이유 3 : var는 함수 범위 내에서 변수를 정의합니다. var로 시작하지 않으면 전역 범위에서 변수를 정의하게됩니다.

PS - 당신이 범위 내에서 변수가 아닌 하나 개의 목록을 여러 바르이있는 경우 jshint 같은 jslinters 자주 불평 ....

환호 귀하의 편집에 대응