当前位置: 首页 > news >正文

[14]内置对象

ECMA-262 对内置对象的定义是:“由 ECMAScript 实现提供的、不依赖宿主环境的对象,这些对象在 ECMAScript 程序执行之前就已经存在了。”意思就是说,开发人员不必显示地实例化内置对象;因为它们已经实例化了。ECMA-262 只定义了两个内置对象:Global和 Math。

一.Global对象

Global(全局)对象是 ECMAScript 中一个特别的对象,因为这个对象是不存在的。在ECMAScript 中不属于任何其他对象的属性和方法,都属于它的属性和方法。所以,事实上,并不存在全局变量和全局函数;所有在全局作用域定义的变量和函数,都是 Global 对象的属性和方法。

PS:因为 ECMAScript 没有定义怎么调用 Global 对象,所以,Global.属性或者 Global.方法()都是无效的。(Web 浏览器将 Global 作为 window 对象的一部分加以实现)

Global 对象有一些内置的属性和方法:

1.URI 编码方法

URI 编码可以对链接进行编码,以便发送给浏览器。它们采用特殊的 UTF-8 编码替换所有无效字符,从而让浏览器能够接受和理解。

encodeURI()不会对本身属于 URI 的特殊字符进行编码,例如冒号、正斜杠、问号和#号;而 encodeURIComponent()则会对它发现的任何非标准字符进行编码

var box = '//Lee 李';
alert(encodeURI(box)); //只编码了中文

var box = '//Lee 李';
alert(encodeURIComponent(box)); //特殊字符和中文编码了

PS:因为 encodeURIComponent()编码比 encodeURI()编码来的更加彻底,一般来说encodeURIComponent()使用频率要高一些。

使用了 URI 编码过后,还可以进行解码,通过 decodeURI()和 decodeURIComponent()来进行解码

var box = '//Lee 李';
alert(decodeURI(encodeURI(box))); //还原

var box = '//Lee 李';
alert(decodeURIComponent(encodeURIComponent(box))); //还原

PS:URI 方法如上所述的四种,用于代替已经被 ECMA-262 第 3 版废弃的 escape()和unescape()方法。URI 方法能够编码所有的 Unicode 字符,而原来的只能正确地编码 ASCII字符。所以建议不要再使用 escape()和 unescape()方法。

2.eval()方法

eval()方法主要担当一个字符串解析器的作用,他只接受一个参数,而这个参数就是要执行的 JavaScript 代码的字符串。

eval('var box = 100'); //解析了字符串代码
alert(box);
eval('alert(100)'); //同上

eval('function box() {return 123}'); //函数也可以
alert(box());

eval()方法的功能非常强大,但也非常危险。因此使用的时候必须极为谨慎。特别是在用户输入数据的情况下,非常有可能导致程序的安全性,比如代码注入等等。

3.Global 对象属性

Global 对象包含了一些属性:undefined、NaN、Object、Array、Function 等等。

alert(Array); //返回构造函数

4.window 对象

之前已经说明,Global 没有办法直接访问,而 Web 浏览器可以使用 window 对象来实现一全局访问。

alert(window.Array); //同上

二.Math 对象

ECMAScript 还为保存数学公式和信息提供了一个对象,即 Math 对象。与我们在JavaScript 直接编写计算功能相比,Math 对象提供的计算功能执行起来要快得多。

1.Math 对象的属性

Math 对象包含的属性大都是数学计算中可能会用到的一些特殊值。

属 性说 明
Math.E自然对数的底数,即常量 e 的值
Math.LN1010 的自然对数
Math.LN22 的自然对数
Math.LOG2E以 2 为底 e 的对数
Math.LOG10E以 10 为底 e 的对数
Math.PIπ的值
Math.SQRT1_21/2 的平方根
Math.SQRT22 的平方根
alert(Math.E);
alert(Math.LN10);
alert(Math.LN2);
alert(Math.LOG2E);
alert(Math.LOG10E);
alert(Math.PI);
alert(Math.SQRT1_2);
alert(Math.SQRT2);

2.min()和 max()方法

Math.min()用于确定一组数值中的最小值。Math.max()用于确定一组数值中的最大值。

alert(Math.min(2,4,3,6,3,8,0,1,3)); //最小值
alert(Math.max(4,7,8,3,1,9,6,0,3,2)); //最大值

3.舍入方法

Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数;
Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数;
Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数;

alert(Math.ceil(25.9)); //26
alert(Math.ceil(25.5)); //26
alert(Math.ceil(25.1)); //26

alert(Math.floor(25.9)); //25
alert(Math.floor(25.5)); //25
alert(Math.floor(25.1)); //25

alert(Math.round(25.9)); //26
alert(Math.round(25.5)); //26
alert(Math.round(25.1)); //25

4.random()方法

Math.random()方法返回介于 0 到 1 之间一个随机数,不包括 0 和 1。如果想大于这个范围的话,可以套用一下公式:

值 = Math.floor(Math.random() * 总数 + 第一个值)

alert(Math.floor(Math.random() * 10 + 1));//随机产生1-10之间的任意数
for (var i = 0; i<10;i ++) {
    document.write(Math.floor(Math.random() * 10 + 5)); //5-14 之间的任意数
    document.write('<br />');
}

为了更加方便的传递想要范围,可以写成函数:

function selectFrom(lower, upper) {
    var sum = upper - lower + 1; //总数-第一个数+1
    return Math.floor(Math.random() * sum + lower);
}

for (var i=0 ;i<10;i++) {
    document.write(selectFrom(5,10)); //直接传递范围即可
    document.write('<br />');
}

5.其他方法

方 法说 明
Math.abs(num)返回 num 的绝对值
Math.exp(num)返回 Math.E 的 num 次幂
Math.log(num)返回 num 的自然对数
Math.pow(num,power)返回 num 的 power 次幂
Math.acos(x)返回 x 的反余弦值
Math.asin(x)返回 x 的反正弦值
Math.atan(x)返回 x 的反正切值
Math.atan2(y,x)返回 y/x 的反正切值
Math.cos(x)返回 x 的余弦值
Math.sin(x)返回 x 的正弦值
Math.tan(x)返回 x 的正切值

转载于:https://www.cnblogs.com/pengtdy/p/8306240.html

相关文章:

  • firefox ie chrome 设置单元格宽度 td width 有bug,不能正常工作。以下方式可以解决...
  • 简单性能测试: bottle vs flask
  • Java多线程(三) -- Lock
  • Linux下电骡aMule Kademlia网络构建分析3
  • C# List集合基础操作
  • bootstrap-表格-响应式表格
  • Linux下的ls 常用命令
  • jquery ui autocomplete 自动补充完成 测试在ie下 点击显示列表框 有时候需要多次点击才能选取值...
  • mysql 误删root
  • 数据库查询
  • 黑马程序员——Java基础语法---数组
  • Reinhold就Jigsaw投票一事向JCP提交公开信
  • eclipse快捷键调试总结 -转--快捷键大全
  • git基本操作
  • bootstrap(4)关于下拉菜单的功能
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • Apache的基本使用
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • docker容器内的网络抓包
  • es的写入过程
  • JavaScript 基本功--面试宝典
  • Java程序员幽默爆笑锦集
  • mongodb--安装和初步使用教程
  • Redis在Web项目中的应用与实践
  • webpack+react项目初体验——记录我的webpack环境配置
  • 简析gRPC client 连接管理
  • 讲清楚之javascript作用域
  • 类orAPI - 收藏集 - 掘金
  • 我的面试准备过程--容器(更新中)
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • ###项目技术发展史
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • (13)Hive调优——动态分区导致的小文件问题
  • (echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
  • (安全基本功)磁盘MBR,分区表,活动分区,引导扇区。。。详解与区别
  • (附源码)springboot优课在线教学系统 毕业设计 081251
  • (附源码)计算机毕业设计SSM基于java的云顶博客系统
  • (离散数学)逻辑连接词
  • (三)uboot源码分析
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (四)linux文件内容查看
  • (一)基于IDEA的JAVA基础1
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (转) ns2/nam与nam实现相关的文件
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • .L0CK3D来袭:如何保护您的数据免受致命攻击
  • .NET : 在VS2008中计算代码度量值
  • .NET delegate 委托 、 Event 事件,接口回调
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .net中应用SQL缓存(实例使用)
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • @Transaction注解失效的几种场景(附有示例代码)
  • [ 第一章] JavaScript 简史
  • [] 与 [[]], -gt 与 > 的比较
  • [AI]文心一言爆火的同时,ChatGPT带来了这么多的开源项目你了解吗