【JavaScript】内置对象 ① ( 内置对象简介 | JavaScript 中的三类对象 - 自定义对象 / 内置对象 / 浏览器对象 | 常用的内置对象 )

韩曙亮

发布于 2024-05-04 08:31:40

840

发布于 2024-05-04 08:31:40

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

一、JavaScript 内置对象简介

1、JavaScript 中的三类对象 - 自定义对象 / 内置对象 / 浏览器对象

在 JavaScript 中 , 对象可以分为三类 : 自定义对象 , 内置对象 , 浏览器对象 ;

自定义对象 : 该类型对象是开发者根据需求自己定义的对象 , 用于表示现实世界中的实体或抽象概念 ;
- 自定义对象一般通过字面量或 new 操作符 + 构造函数创建 ;
内置对象 : 是 JavaScript 语言本身提供的对象 , 提供了一些常用的或最基本的功能 ;
- 内置对象在 JavaScript 环境初始化时就已经存在 , 可以直接使用 , 不需要手动创建 ;
浏览器对象 : 这是浏览器提供的 JavaScript 代码与网页和浏览器本身交互的对象 , 这些对象允许 JavaScript 代码与浏览器窗口 / 文档 / 历史记录等进行交互 ;

2、JavaScript 中常用的内置对象

JavaScript 内置对象是 JavaScript 语言的自带对象 , 这些对象提供给开发者用于实现常用的最基本功能 , 借助内置对象可以帮助开发者进行快速开发 ;

JavaScript 中的内置对象提供了语言的常用核心功能 , 如 : 日期处理 / 数学计算 / 字符串操作等功能 , 常用的内置对象如下 :

Math : 提供数学计算相关功能 , 如 :
- Math.random() 生成随机数 ,
- Math.PI 是圆周率 ;
Date : 提供日期操作相关功能 , 如 :
- 创建日期对象
- 获取当前日期和时间
- 对日期进行格式化
Array : 提供数组操作相关功能 ;
String : 提供字符串处理相关功能 , 如 :
- 字符串截取 substring()
- 字符串转大写字母 : toUpperCase()
- 字符串转小写字母 : toLowerCase()
Number : 提供数值相关的常量和函数 ,
- 最大值 Number.MAX_VALUE
- 最小值 Number.MIN_VALUE
Object : 提供对象操作相关功能，如
- 获取对象的所有属性名 Object.keys()
- 获取对象的所有属性值 Object.values()
Error : 提供错误处理相关功能 ;
RegExp : 提供正则表达式处理相关功能 ;
Map : ES6 引入的数据结构 , 用于存储键值对数据 ;
Set : ES6 引入的数据结构 , 用于存储唯一值数据 ;
JSON : 提供 JSON 处理相关功能 ;

3、代码示例 - Math 内置对象使用示例

Math 对象用于解决复杂的数学问题 ;

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // Math 内置对象

        var x = 9;
        // 平方计算
        var squared = Math.pow(x, 2);
        // 开方计算
        var squareRoot = Math.sqrt(squared);
        console.log(squareRoot);

        console.log(Math.PI); // 输出圆周率π的值，约等于3.14159  
        console.log(Math.E); // 输出自然对数的底数e的值，约等于2.71828  

        console.log(Math.random()); // 输出一个0到1之间的伪随机数  

        console.log(Math.floor(3.7)); // 输出3  
        console.log(Math.ceil(3.2)); // 输出4  
        console.log(Math.round(3.5)); // 输出4  

        console.log(Math.abs(-5)); // 输出5  

        console.log(Math.sqrt(9)); // 输出3  
        console.log(Math.pow(2, 3)); // 输出8  

        console.log(Math.max(1, 2, 3, 4)); // 输出4  
        console.log(Math.min(5, 6, 7, 1)); // 输出1
    </script>
</head>

<body>
</body>

</html>

执行结果 :