JavaScript 이벤트 메커니즘에 대한 심층적인 이해-JS 튜토리얼-php.cn

JavaScript 이벤트 메커니즘에 대한 심층적인 이해

零到壹度

풀어 주다： 2018-04-21 10:41:48

원래의

1495명이 탐색했습니다.

이 기사에서는 특정 참조 가치가 있는 JavaScript의 이벤트 메커니즘에 대한 심층적인 이해를 소개합니다. 이제 모든 사람과 공유합니다. 도움이 필요한 친구들은 이를 참조할 수 있습니다. 먼저 사람을 활용 비유하자면 누구나 잠을 잘 수 있지만, 졸릴 때만 잠이 듭니다.

프로그램 용어로 인간 개체에 대한 수면 방법이 있습니다. 이 방법은

이벤트가 트리거될 때만 실행됩니다.

function sleep(){    do sleep
}

man.ontired=function(){
    sleep();
}

로그인 후 복사

물론, 작업을 많이 완료하지 않은 사람도 있습니다. 밤 12시가 되면 매우 피곤하고 여전히 야근을 해야 합니다. 이때 사람들은

정신적 피로
를 유발합니다. 이 이벤트 후에 그들은 계속 일할 수 있는 방법을 구현할 수 있습니다(예: my QAQ...)

man.ontired=function(){
    work()
}

로그인 후 복사

그래서 이벤트 같은 것들이 널리 퍼져있습니다. 우리 주변에 존재하는 것은 스위치와 같은 트리거 포인트입니다. 누르면 불이 켜지고, 다시 누르면 불이 꺼지는 이벤트입니다.

js는 이벤트 중심
그리고 프로그래머와 사용자가 연결할 수 있는 이러한 이벤트가 존재하기 때문에 프로그래머는 사용자가 웹 페이지에 무엇을 했는지 알 수 없지만 프로그래머는 사용자가 해당 작업을 수행한 후에 이를 처리하는 방법을 알고 있습니다. 우리 프론트엔드 프로그래머 모두가 내 군인이고 페이지가 크고 작은 ""로 가득 차 있다고 상상해 보십시오. "이벤트 광산"은 사용자가 밟지 않는 한 우리가 작성한 코드가 js에 있을 것입니다. 하지만 사용자가 버튼을 클릭하고 "이벤트 광산"을 밟으면 우리가 작성한 코드는 다음과 같이 "붐"과 함께 실행되기 시작합니다.

    document.body.onclick=function(){
        alert('boom')
    }

로그인 후 복사

上面那几个例子已经很好说明了什么是事件驱动。事件驱动就是，事件没发生，代码不执行，事件是触发代码执行的直接原因。
一般来讲，可能你有遇到，在一个点击事件里面写了一个小小或者大大的逻辑错误，js页面加载的时候并不会给你报错，它只是匆匆看了一眼onclick里面的内容，但不会去执行它，自然不会去发现里面的逻辑错误，除非你里面写了一个语法错误，js看了一眼发现，卧槽这里面的语句不通顺读不通啊，它才会提示错误。只有你点击事件触发的时候，js执行了下代码，然后发现里面的逻辑狗屁不通，然后才会报错。
通常我们都会写个window.onload，页面加载完成触发的事件，把要执行的代码放里面，这样资源加载好了js好操作。但是，页面还存在一个隐性的事件，就是read事件，js引擎阅读代码事件。如果读到了function 函数名(){...}活着var 函数名=function(){...}这样的结构，它会匆匆扫一眼，不执行里面的代码，然后继续读下去，其他的语句一旦遇到了，js就会去执行它。比如var 变量名或着函数名()这样。这个是read事件，其他事件也类似，只有当前浏览器对用户行为的响应时，js才会执行里面的代码。