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 相关文章推荐
javascript学习笔记(五)正则表达式
Apr 08 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
js实现简单的选项卡效果
Feb 23 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
vue中for循环更改数据的实例代码(数据变化但页面数据未变)
Sep 15 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
Aug 16 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 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实现的获取URL信息的类
2007/01/02 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
window.open不被拦截的实现代码
2012/08/22 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
node.js中的fs.writeFileSync方法使用说明
2014/12/14 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
js实现密码强度检验
2017/01/15 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
angular动态表单制作
2018/02/23 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
python中字典dict常用操作方法实例总结
2015/04/04 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python实现数据库跨服务器迁移
2018/04/12 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
汇科协同Java笔试题
2012/03/31 面试题
物流司机岗位职责
2013/12/28 职场文书
岗位竞聘书范文
2014/03/31 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
小数乘法教学反思
2016/02/22 职场文书
用 Python 定义 Schema 并生成 Parquet 文件详情
2021/09/25 Python