物件導向裡的Event事件池與模組化

2021-10-02 18:43:21 字數 1206 閱讀 9611

作用:記錄所有的相關事件及處理函式

由乙個物件,三個方法組成

class

event

;//新增事件的功能

on(eventname,fn)

//刪除事件的功能

off(eventname,fn)

// dispatch: 負責把觸發到的事件給執行了

dispatch

(eventname)

}let event =

newevent

;

什麼是模組化:

是執行在伺服器上的內容(本機,編譯器)

預設是嚴格模式

優點:按需載入

import:

匯入指定檔案中的 指定內容 (路徑可以是 相對路徑,絕對路徑,網路路徑)

匯入時,依然可以使用as進行重新命名。

匯入時指定的內容 如果是 *號 則表示引入指定路徑下的所有內容。

示例:

import person from

"./js1/模組化的基本使用.js"

import person,

from

"./js1/模組化的基本使用.js"

注意點:

import擁有提前量(自動提公升到頂層執行)

在使用是需要在匯入的html頁面的script中加上 type=「module」

分為兩種方式匯出:

預設:export default 匯入時名字可以任意取

自定義:export 匯入時名字需要對應

可以匯出:物件,函式,類,字串

兩種方式的區別:

預設:exprot default: 不需要新增任何修飾

自定義:exprot: 匯出的內容需要加乙個大括號{}

as:重新命名

person as ps //將左側的名字,更改為右側的
備註:在當前的js檔案中,名字依然為左側的,在外部檔案中匯入時,才是使用右側的名字

touch事件的event物件

touch事件的event物件裡有3個類陣列,分別是touches targettouches changedtouches。touches 當前螢幕上所有觸控點的列表。targettouches 當前物件上所有觸控點的列表。changedtouches 涉及當前 引發 事件的觸控點的列表。如下圖所...

IE 的事件物件(event)

與訪問 dom 中的 event 物件不同,要訪問 ie 中的 event 物件有幾種不同的方式,取決於指定事 件處理程式的方法。returnvalue 屬性相當於 dom 中的 preventdefault 方法,它們的作用都是取消 給定事件的預設行為。var link document.gete...

物件導向 (10)委託與事件

委託是對函式的封裝,可以當做給方法的特徵制定乙個名稱。而事件則是委託的一種特殊形式,當發生有意義的事情時,事件物件處理通知過程。委託是一種引用方法的型別。一旦為委託分配了方法,委託將與該方法具有完全相同的行為。委託物件用關鍵字delegate來宣告。而事件是說在發生其他類或物件關注的事情時,類或物件...