JavaScript内置对象math,global功能与用法实例分析


Posted in Javascript onJune 10, 2019

本文实例讲述了JavaScript内置对象math,global功能与用法。分享给大家供大家参考,具体如下:

学习要点:

1.Global对象
2.Math对象

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.LN10 10的自然对数
Math.LN2 2的自然对数
Math.LOG2E 以2为底e的对数
Math.LOG10E 以10为底e的对数
Math.PI ∏的值
Math.SQRT1_2 1/2的平方根
Math.SQRT2 2的平方根
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.sqrt(num) 返回num的平方根
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的正切值

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
在IE6下发生Internet Explorer cannot open the Internet site错误
Jun 21 Javascript
基于jQuery的为attr添加id title等效果的实现代码
Apr 20 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
JavaScript实现短信倒计时60s
Oct 09 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
Node.js动手撸一个静态资源服务器的方法
Mar 09 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
Sep 11 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 #Javascript
Vue将页面导出为图片或者PDF
Aug 17 #Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 #jQuery
发布订阅模式在vue中的实际运用实例详解
Jun 09 #Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 #Javascript
解决vue单页面应用中动态修改title问题
Jun 09 #Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 #Javascript
You might like
PHP中的cookie
2006/11/26 PHP
PHP分页显示制作详细讲解
2006/12/05 PHP
随时给自己贴的图片加文字的php代码
2007/03/08 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
2014/03/16 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
2016/05/12 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
vue二级路由设置方法
2018/02/09 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
详解Django中六个常用的自定义装饰器
2018/07/04 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
Django中URL的参数传递的实现
2019/08/04 Python
Python从文件中读取指定的行以及在文件指定位置写入
2019/09/06 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
Python多线程正确用法实例解析
2020/05/30 Python
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
制定岗位职责的原则
2013/11/08 职场文书
大学生最新职业生涯规划书范文
2014/01/12 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书