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()則會對它發現的任何非標準字符進行編碼app

  
  
           
  
  
  1. var box = '//Lee 李';  
  2. alert(encodeURI(box)); //只編碼了中文  
  3. var box = '//Lee 李';  
  4. alert(encodeURIComponent(box)); //特殊字符和中文編碼了 
PS:由於encodeURIComponent()編碼比encodeURI()編碼來的更加完全,通常來講
encodeURIComponent()使用頻率要高一些。

使用了URI 編碼事後,還能夠進行解碼,經過decodeURI()和decodeURIComponent()
來進行解碼dom

  
  
           
  
  
  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()方法。
ide

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 等等。spa

  
  
           
  
  
  1. alert(Array); //返回構造函數 

4.window 對象
以前已經說明,Global 沒有辦法直接訪問,而Web 瀏覽器可使用window 對象來實現
一全局訪問。code

  
  
           
  
  
  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.其餘方法

相關文章
相關標籤/搜索