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

2024-05-04 08:31:40 浏览数 (1)

一、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 对象用于解决复杂的数学问题 ;

代码示例 :

代码语言：javascript复制
<!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>

执行结果 :

字符串 javascript 对象 开发者 浏览器

0 人点赞