07. Typescript 内置对象

73 阅读2分钟

1. 简介

内置对象是指JavaScript中已经定义好的对象,我们可以直接使用,不需要自己定义。这些对象,在 TS 中都有定义。也可以直接使用。

内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。

常见的内置对象:

  • ECMAScript 内置对象:Boolean、Number、String、Error、Date、RegExp 等。
  • DOM 和 BOM 内置对象: Document、HTMLElement、Event、NodeList 等。

2. ECMAScript 内置对象

// 内置对象
// 内置对象是指JavaScript中已经定义好的对象,我们可以直接使用,不需要自己定义。
let b:Boolean = new Boolean(false); // Boolean对象,用于将值转换为布尔值
console.log('boolean', b); // false
let n:Number = new Number(123); // Number对象,用于将值转换为数字
console.log('number', n); // 123
let s:String = new String('hello'); // String对象,用于将值转换为字符串
console.log('string', s); // hello
let d:Date = new Date(); // Date对象,用于表示日期和时间
console.log('date', d); // 2023-03-21T08:30:00.000Z
let r:RegExp = /^1/; // RegExp对象,用于表示正则表达式
console.log('regexp', r); // /^1/
let f:Function = function() {}; // Function对象,用于表示函数
console.log('function', f); // [Function: function]
let o:Object = new Object(); // Object对象,用于表示对象
console.log('object', o); // {}
let e:Error = new Error('error'); // Error对象,用于表示错误
console.log('error', e); // Error: error

打印结果:

img

这里因为我们创建了一个 Error 对象,所以阻断了程序继续执行。没有打印出来最后一个结果。

3. DOM 、BOM 的内置对象

// DOME和BOM对象
let d:Document = document; // Document对象,用于表示文档
console.log('document', d); // [object HTMLDocument]
let h:HTMLElement = document.body; // HTMLElement对象,用于表示HTML元素
console.log('htmlElement', h); // [object HTMLBodyElement]
let e1:Event = new Event('click'); // Event对象,用于表示事件
console.log('event', e1); // [object Event]
let n1:Node = document.createElement('div'); // Node对象,用于表示节点
console.log('node', n1); // [object HTMLDivElement]
let t:Text = document.createTextNode('hello'); // Text对象,用于表示文本节点
console.log('text', t); // [object Text]
let c:Comment = document.createComment('hello'); // Comment对象,用于表示注释节点ts-
console.log('comment', c); // [object Comment]
let a:Attr = document.createAttribute('class'); // Attr对象,用于表示属性节点
console.log('attr', a); // [object Attr]

4. TS 核心库定义文件

当我们去使用一些常用方法时,TS 已经在帮我们做了需要类型判断的工作。

他们的定义文件都在TS 核心库中,有精力可以看一下。

img

5. 代码下载

📎内置对象.ts