【JavaScript】内置对象 ③ ( Math 内置对象 | Math 内置对象简介

【JavaScript】内置对象 ③ ( Math 内置对象 | Math 内置对象简介 | Math 内置对象的使用 )

news/2024/9/24 12:39:11/

文章目录

一、Math 内置对象
- 1、Math 内置对象简介
- 2、Math 内置对象的使用
二、代码示例
- 1、代码示例 - Math 内置对象的使用
- 2、代码示例 - 封装 Math 内置对象

一、Math 内置对象

1、Math 内置对象简介

JavaScript 中的 Math 内置对象是一个全局对象 , 该对象提供了常用的数学常数和数学计算函数 ;

利用 Math 对象的函数和常数 , 可以完成各种数学运算任务 , 如 :

获取最大 / 最小值
求绝对值
随机数生成
三角函数计算
对数计算
取整

Math 文档地址 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Math

2、Math 内置对象的使用

Math 不是构造函数 , 其所有的属性和方法都是静态的 , 不需要使用 new 操作符

JavaScript 引擎初始化完毕后 , 该 Math 内置对象就会被创建 , 可以直接调用 Math 对象 ;

在代码中 , 可以直接通过调用

Math.属性名

javascript">        // 打印 Math 内置对象的常量// 输出 : 3.141592653589793console.log(Math.PI)

math.方法名()

javascript">        // 调用 Math 内置对象的方法// 输出 : 3console.log(Math.max(1, 2, 3))

的方式 , 调用该 Math 内置对象的属性和方法 ;

二、代码示例

1、代码示例 - 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>javascript">// 打印 Math 内置对象的常量// 输出 : 3.141592653589793console.log(Math.PI)// 调用 Math 内置对象的方法// 输出 : 3console.log(Math.max(1, 2, 3))</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

2、代码示例 - 封装 Math 内置对象

自己自定义一个对象 , 封装一个自定义数学计算对象 , 提供圆周率值属性 , 和求最大值的方法 ;

参考【JavaScript】对象 ① ( 对象概念 | 对象使用场景 | 使用字面量创建对象 | 空对象字面量 | 小括号 / 中括号 / 大括号作用 ) 博客 , 使用字面量创建对象代码 ;

javascript">var person = {  name: "Tom",  age: 18,  hello: function() {  return this.name+ " is " + this.age + " years old";  }  
};

完整代码示例 :

<!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>javascript">var math = {// 封装 圆周率 属性PI: Math.PI,// 封装 求最大值的方法max: function() {// 此处不知道输入多少个参数 , 使用 arguments 获取不同个数的实参var max = arguments[0]for (var i = 0; i < arguments.length; i++) {if (arguments[i] > max) {max = arguments[i]}}return max}}// 调用自定义对象的属性console.log(math.PI)// 调用自定义对象的方法console.log(math.max(9, 5, 2, 7))</script>
</head><body>
</body></html>