ts-07 内置对象

ES

• 正则

  • const reg: RegExp = /\12\d/
    

• 日期

  • const date: Date = new Date()
    

• 异常

  • const error: Error = new Error('error')
    

• string、number、boolean 同理

  • let str: String = new String('盲仔')
    

DOM

• body

  • const body: HTMLElement = document.body
    

• div

  • const div: HTMLDivElement = document.querySelector('div')
    

• nodeList

  • const list: NodeList = document.querySelectorAll('ul li')
    

• dom元素的映射表

  •   interface HTMLElementTagNameMap {
          "a": HTMLAnchorElement;
          "abbr": HTMLElement;
          "address": HTMLElement;
          "applet": HTMLAppletElement;
          "area": HTMLAreaElement;
          "article": HTMLElement;
          "aside": HTMLElement;
          "audio": HTMLAudioElement;
          "b": HTMLElement;
          "base": HTMLBaseElement;
          "bdi": HTMLElement;
          "bdo": HTMLElement;
          "blockquote": HTMLQuoteElement;
          "body": HTMLBodyElement;
          "br": HTMLBRElement;
          "button": HTMLButtonElement;
          "canvas": HTMLCanvasElement;
          "caption": HTMLTableCaptionElement;
          "cite": HTMLElement;
          "code": HTMLElement;
          "col": HTMLTableColElement;
          "colgroup": HTMLTableColElement;
          "data": HTMLDataElement;
          "datalist": HTMLDataListElement;
          "dd": HTMLElement;
          "del": HTMLModElement;
          "details": HTMLDetailsElement;
          "dfn": HTMLElement;
          "dialog": HTMLDialogElement;
          "dir": HTMLDirectoryElement;
          "div": HTMLDivElement;
          "dl": HTMLDListElement;
          "dt": HTMLElement;
          "em": HTMLElement;
          "embed": HTMLEmbedElement;
          "fieldset": HTMLFieldSetElement;
          "figcaption": HTMLElement;
          "figure": HTMLElement;
          "font": HTMLFontElement;
          "footer": HTMLElement;
          "form": HTMLFormElement;
          "frame": HTMLFrameElement;
          "frameset": HTMLFrameSetElement;
          "h1": HTMLHeadingElement;
          "h2": HTMLHeadingElement;
          "h3": HTMLHeadingElement;
          "h4": HTMLHeadingElement;
          "h5": HTMLHeadingElement;
          "h6": HTMLHeadingElement;
          "head": HTMLHeadElement;
          "header": HTMLElement;
          "hgroup": HTMLElement;
          "hr": HTMLHRElement;
          "html": HTMLHtmlElement;
          "i": HTMLElement;
          "iframe": HTMLIFrameElement;
          "img": HTMLImageElement;
          "input": HTMLInputElement;
          "ins": HTMLModElement;
          "kbd": HTMLElement;
          "label": HTMLLabelElement;
          "legend": HTMLLegendElement;
          "li": HTMLLIElement;
          "link": HTMLLinkElement;
          "main": HTMLElement;
          "map": HTMLMapElement;
          "mark": HTMLElement;
          "marquee": HTMLMarqueeElement;
          "menu": HTMLMenuElement;
          "meta": HTMLMetaElement;
          "meter": HTMLMeterElement;
          "nav": HTMLElement;
          "noscript": HTMLElement;
          "object": HTMLObjectElement;
          "ol": HTMLOListElement;
          "optgroup": HTMLOptGroupElement;
          "option": HTMLOptionElement;
          "output": HTMLOutputElement;
          "p": HTMLParagraphElement;
          "param": HTMLParamElement;
          "picture": HTMLPictureElement;
          "pre": HTMLPreElement;
          "progress": HTMLProgressElement;
          "q": HTMLQuoteElement;
          "rp": HTMLElement;
          "rt": HTMLElement;
          "ruby": HTMLElement;
          "s": HTMLElement;
          "samp": HTMLElement;
          "script": HTMLScriptElement;
          "section": HTMLElement;
          "select": HTMLSelectElement;
          "slot": HTMLSlotElement;
          "small": HTMLElement;
          "source": HTMLSourceElement;
          "span": HTMLSpanElement;
          "strong": HTMLElement;
          "style": HTMLStyleElement;
          "sub": HTMLElement;
          "summary": HTMLElement;
          "sup": HTMLElement;
          "table": HTMLTableElement;
          "tbody": HTMLTableSectionElement;
          "td": HTMLTableDataCellElement;
          "template": HTMLTemplateElement;
          "textarea": HTMLTextAreaElement;
          "tfoot": HTMLTableSectionElement;
          "th": HTMLTableHeaderCellElement;
          "thead": HTMLTableSectionElement;
          "time": HTMLTimeElement;
          "title": HTMLTitleElement;
          "tr": HTMLTableRowElement;
          "track": HTMLTrackElement;
          "u": HTMLElement;
          "ul": HTMLUListElement;
          "var": HTMLElement;
          "video": HTMLVideoElement;
          "wbr": HTMLElement;
      }
    

BOM

• 事件

  •   document.addEventListener('click', (e: MouseEvent) => {
        console.log(e)
      })
    

• promise

  •   function promise(): Promise<number> {
        return new Promise<number>((resolve, reject) => {
          resolve(1)
        })
      }
    
      promise().then(res => {
        console.log(res) // 1
      })
    

• 更多的BOM内置对象
  • 地址
  •