JavaScript的单体内置对象

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()则会对它发现的任何非标准字符进行编码

  
  
  
  
  1. var box = '//Lee 李';  
  2. alert(encodeURI(box)); //只编码了中文  
  3. var box = '//Lee 李';  
  4. alert(encodeURIComponent(box)); //特殊字符和中文编码了 
PS:因为encodeURIComponent()编码比encodeURI()编码来的更加彻底,一般来说
encodeURIComponent()使用频率要高一些。

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

  
  
  
  
  1. var box = '//Lee 李';  
  2. alert(decodeURI(encodeURI(box))); //还原  
  3. var box = '//Lee 李';  
  4. alert(decodeURIComponent(encodeURIComponent(box))); //还原 

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

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

  
  
  
  
  1. eval('var box = 100'); //解析了字符串代码  
  2. alert(box);  
  3. eval('alert(100)'); //同上  
  4. eval('function box() {return 123}'); //函数也可以  
  5. alert(box()); 

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

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

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

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

  
  
  
  
  1. alert(window.Array); //同上 

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


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

 

 

 

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

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

要找到数组中的最大或最小值,可以像下面这样使用apply()方法。

  
  
  
  
  1. var values = [1, 2, 3, 5, 8, 12, 34];  
  2. var max = Math.max.apply(Math, values); 

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

  
  
  
  
  1. alert(Math.ceil(25.9)); //26  
  2. alert(Math.ceil(25.5)); //26  
  3. alert(Math.ceil(25.1)); //26  
  4. alert(Math.floor(25.9)); //25  
  5. alert(Math.floor(25.5)); //25  
  6. alert(Math.floor(25.1)); //25  
  7. alert(Math.round(25.9)); //26  
  8. alert(Math.round(25.5)); //26  
  9. alert(Math.round(25.1)); //25 

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

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

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

  
  
  
  
  1. function selectFrom(lower, upper) {  
  2. var sum = upper - lower + 1; //总数-第一个数+1  
  3. return Math.floor(Math.random() * sum + lower);  
  4. }  
  5. for (var i=0 ;i<10;i++) {  
  6. document.write(selectFrom(5,10)); //直接传递范围即可  
  7. document.write('<br />');  

利用这个函数,可以方便地从数组中随机取出一项。

  
  
  
  
  1. var colors = ['red''green''blue''yellow''black''purple'];  
  2. var color = colors[selectFrom(0, colors.length-1)];  
  3. alert(color);//可以从数组中随机选出一种颜色 

5.其他方法

 

你可能感兴趣的:(单体内置对象)