（2）——內置對象 · JavaScript

背景：什么是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()則會對它發現的任何非標準字符進行編碼。** ~~~ var box = '@#&*何麗杰helijie'; alert(encodeURI(box)); //只編碼了中文 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b3f247.jpg) ~~~ var box = '@#&*何麗杰helijie'; alert(encodeURIComponent(box)); //特殊字符和中文編碼了 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b4cfdd.jpg) PS：因為 encodeURIComponent()編碼比 encodeURI()編碼來的更加徹底，一般來說encodeURIComponent()使用頻率要高一些。解碼：通過 decodeURI()和 decodeURIComponent()來進行解碼** ~~~ var box = '@#&*何麗杰helijie'; alert(decodeURI(encodeURI(box))); //還原 ~~~ ~~~ var box = '@#&*何麗杰helijie'; alert(decodeURIComponent(encodeURIComponent(box))); //還原 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b5f7ef.jpg) 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)'); //同上 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b6ffa4.jpg) ~~~ eval('function box() {return 123}'); //函數也可以 alert(box()); ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b826f6.jpg) eval()方法的功能非常強大，但也非常危險。因此使用的時候必須極為謹慎。特別是在用戶輸入數據的情況下，非常有可能導致程序的安全性，比如代碼注入等等。 3、Global對象屬性 Global對象包含了一些屬性： undefined、 NaN、 Object、 Array、 Function等等。 ~~~ alert(Array); //返回構造函數 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b9285d.jpg) 4、window對象之前已經說明， Global沒有辦法直接訪問，而 Web瀏覽器可以使用 window對象來實現一全局訪問。 ~~~ alert(Array); //返回構造函數 ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89b9285d.jpg) ### 三、Math ECMAScript還為保存數學公式和信息提供了一個對象，即 Math對象。與我們在JavaScript直接編寫計算功能相比， Math對象提供的計算功能執行起來要快得多。 1、Math對象的屬性 Math對象包含的屬性大都是數學計算中可能會用到的一些特殊值。Math的屬性： ![](https://box.kancloud.cn/2016-03-28_56f8f89baf5f3.jpg) ![](https://box.kancloud.cn/2016-03-28_56f8f89bc57f6.jpg) 例： ~~~ alert(Math.E); ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89bd9f3e.jpg) 2、min()和 max()方法 Math.min()用于確定一組數值中的最小值。 Math.max()用于確定一組數值中的最大值。 ~~~ alert(Math.min(2,4,3,6,3,8,0,1,3)); //0，最小值 ~~~ ~~~ alert(Math.max(4,7,8,3,1,9,6,0,3,2)); //9，最大值 ~~~ 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(' '); } ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89be9638.jpg) 為了更加方便的傳遞想要范圍，可以寫成函數： ~~~ 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(' '); } ~~~ ![](https://box.kancloud.cn/2016-03-28_56f8f89c06010.jpg) 5、其他方法 ![](https://box.kancloud.cn/2016-03-28_56f8f89c1655c.jpg) ### 四、學習心得偶得一寓言故事——紀昌學箭紀昌向飛衛學射箭，飛衛沒有傳授具體的射箭技巧，卻要求他必須學會盯住目標而眼睛不能眨動，紀昌花了兩年，練到即使椎子向眼角刺來也不眨一下眼睛的功夫。飛衛又進一步要求紀昌練眼力，標準要達到將體積較小的東西能夠清晰地放大，就像在近處看到一樣。紀昌苦練三年，終于能將最小的虱子看成車輪一樣大，紀昌張開弓，輕而易舉地一箭便將虱子射穿。飛衛得知結果后，對這個徒弟極為滿意。學習射箭必須先練眼力，基礎的動作扎實了，應用就可以千變萬化；學習也是一樣，基本的內容一定要好好掌握，那么后續就可以鴻圖大展了。學習有如修塔，如果只想往上砌磚，而忘記打牢基礎，總有一天塔會倒塌…… ![](https://box.kancloud.cn/2016-03-28_56f8f89c306c4.jpg)