本文实例讲述了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数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
本文向大家介绍JS Math对象与Math方法实例小结,包括了JS Math对象与Math方法实例小结的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS Math对象与Math方法。分享给大家供大家参考,具体如下: JavaScript 提供了 Math 内置对象方便我们进行数学运算 他具有数学常用和函数的属性和方法。 常用属性 常用属性 练习实例 Math 对象的常用方法 三角函数:
本文向大家介绍javascript闭包功能与用法实例分析,包括了javascript闭包功能与用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript闭包功能与用法。分享给大家供大家参考,具体如下: 理解闭包 闭包这个东西,确实是很麻烦。之前我自己的理解也是有一点误差,所以今天将文章修改修改,争取将自己的理解进一步准确化。 闭包说得通熟易懂一点,就是指有权访问另一个
本文向大家介绍ES6顶层对象、global对象实例分析,包括了ES6顶层对象、global对象实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ES6顶层对象、global对象。分享给大家供大家参考,具体如下: 顶层对象 顶层对象,在浏览器环境指的是window对象,在Node指是的global对象。ES5之前中,顶层对象的属性与全局变量是等价的。 上面的代码中,顶层对象的属性赋值和
本文向大家介绍JavaScript对象拷贝与Object.assign用法实例分析,包括了JavaScript对象拷贝与Object.assign用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript对象拷贝与Object.assign用法。分享给大家供大家参考,具体如下: 深拷贝与浅拷贝 在 JavaScript 中,对于基本数据类型(undefined、nul
本文向大家介绍JavaScript常用内置对象用法分析,包括了JavaScript常用内置对象用法分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript常用内置对象用法。分享给大家供大家参考,具体如下: 博主最近半个月没有更新博客,主要是每天都在学车中,学车的过程虽然挺折腾的,但是人吗总得学会适应,在百忙之中给大家分享一篇关于JavaScript的内置对象,不清楚的小伙伴
本文向大家介绍JavaScript原型对象、构造函数和实例对象功能与用法详解,包括了JavaScript原型对象、构造函数和实例对象功能与用法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考,具体如下: 大家都知道,javascript中其实并没有类的概念。但是,用构造函数跟原型对象却可以模拟类的实现。在这