[javascript] Javascript / jQuery에서 (e)는 무엇을 의미합니까?

오늘 저는 “e.preventDefault ()에서”e “와 같은 문자를 사용하는 이유는 무엇입니까?”에 대한 게시물을 작성했습니다. 그리고 내 대답이 의미가 있다고 생각합니다 …

먼저 addEventListener 구문을 살펴 보겠습니다.

일반적으로 다음과 같습니다.
target.addEventListener (type, listener [, useCapture]);

그리고 addEventlistener의 매개 변수 정의 는 다음과 같습니다.

type： 청취 할 이벤트 유형을 나타내는 문자열입니다.

listener： 지정된 유형의 이벤트가 발생했을 때 통지를받는 객체 (Event 인터페이스를 구현하는 객체). 이것은 EventListener 인터페이스를 구현하는 객체이거나 JavaScript 함수 여야합니다.

(MDN에서)

하지만 주목해야 할 점이 하나 있다고 생각
합니다. 자바 스크립트 함수를 리스너로 사용하면 Event 인터페이스 (object event)를 구현하는 객체 가 함수 의 “첫 번째 매개 변수” 에 자동으로 할당됩니다. function (e), “e”가 함수의 유일한 매개 변수이기 때문에 객체가 “e”에 할당됩니다 (확실히 첫 번째 매개 변수입니다!), 그런 다음 e.preventDefault를 사용하여 무언가를 방지 할 수 있습니다 ….

아래 예제를 시도해 보겠습니다.

<p>Please click on the checkbox control.</p>
<form>
    <label for="id-checkbox">Checkbox</label>
    <input type="checkbox" id="id-checkbox"/>

    </div>
</form>
<script>
    document.querySelector("#id-checkbox").addEventListener("click", function(e,v){
         //var e=3;
         var v=5;
         var t=e+v;
         console.log(t);
        e.preventDefault();

    }, false);
</script>

결과는 [object MouseEvent] 5가 되며 클릭 이벤트를 방지합니다.

그러나 다음과 같이 주석 기호를 제거하면

<script>
       document.querySelector("#id-checkbox").addEventListener("click", function(e,v){
            var e=3;
            var v=5;
            var t=e+v;
            console.log(t);
            e.preventDefault();

       }, false);
   </script>

당신은 얻을 것이다 : 8 과 오류 : “catch되지 않은 형식 오류 :. e.preventDefault가 HTMLInputElement (69 VM409)에서 함수가 아닙니다.”

확실히 이번에는 클릭 이벤트가 방지되지 않을 것입니다. 함수에서 “e”가 다시 정의 되었기 때문입니다.

그러나 코드를 다음과 같이 변경하면

<script>
       document.querySelector("#id-checkbox").addEventListener("click", function(e,v){
            var e=3;
            var v=5;
            var t=e+v;
            console.log(t);
            event.preventDefault();

       }, false);
   </script>

모든 것이 다시 올바르게 작동합니다 … 8 을 얻고 클릭 이벤트가 방지됩니다 …

따라서 “e”는 함수의 매개 변수 일 뿐이며 “이벤트 객체”를 수신하고 e.preventDefault ()를 수행하려면 function ()에 “e”가 필요합니다. 이것이 “e”를 js에 의해 예약되지 않은 단어로 변경할 수있는 이유이기도합니다.

---