第一百零八節，JavaScript，內置對象，Global對象字符串編碼解碼，Math對象數學公式

JavaScript，內置對象，Global對象字符串編碼解碼，Math對象數學公式

 

學習要點：

 

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

encodeURI()URI字符編碼，不會對自己屬於URI的特殊字符進行編碼,有參要編碼的URI字符

好比瀏覽器地址輸入框就採用了這個編碼

注意：encodeURI()編碼的必須用decodeURI()解碼

var box = '//Lee李';
alert(encodeURI(box));                        //只編碼了中文
//返回//Lee%E6%9D%8E

decodeURI()URI字符解碼，不會對自己屬於URI的特殊字符進行解碼，有參要解碼的URI字符

var box = '//Lee李';
var box2 = encodeURI(box);                        //只編碼了中文
alert(box2);   //打印編碼後的字符，//Lee%E6%9D%8E
alert(decodeURI(box2));//打印解碼後的字符，返回//Lee李

var sdf = '//Lee%E6%9D%8E';
alert(decodeURI(sdf));//打印解碼後的字符，返回//Lee李

encodeURIComponent()任何非標準URI字符進行編碼，包括冒號、正斜槓、問號和#號，有參要編碼的URI字符

注意：encodeURIComponent()編碼的必須用decodeURIComponent()解碼

var box = '//Lee李';
var box2 = encodeURIComponent(box);                        //任何非標準URI字符進行編碼，包括冒號、正斜槓、問號和#號
alert(box2);   //打印編碼後的字符，%2F%2FLee%E6%9D%8E

decodeURIComponent()URI字符進行解碼，有參要解碼的URI字符

var box = '//Lee李';
var box2 = encodeURIComponent(box);                        //任何非標準URI字符進行編碼，包括冒號、正斜槓、問號和#號
alert(box2);   //打印編碼後的字符，%2F%2FLee%E6%9D%8E
alert(decodeURIComponent(box2));//解碼返回，//Lee李

var sdf = '%2F%2FLee%E6%9D%8E';
alert(decodeURIComponent(sdf));//解碼返回，//Lee李

PS：由於encodeURIComponent()編碼比encodeURI()編碼來的更加完全，通常來講encodeURIComponent()使用頻率要高一些。

PS：URI方法如上所述的四種，用於代替已經被ECMA-262第3版廢棄的escape()和unescape()方法。URI方法可以編碼全部的Unicode字符，而原來的只能正確地編碼ASCII字符。因此建議不要再使用escape()和unescape()方法。

 

2.eval()方法

eval()方法主要擔當一個字符串解析器的做用，他只接受一個參數，而這個參數就是字符串類型的js代碼，也就是能夠解析字符串類型的js代碼

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);                                //返回構造函數

 

1.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()方法

min()用於肯定一組數值中的最小值

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

max()用於肯定一組數值中的最大值。

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

 

3.舍入方法

ceil()執行向上舍入，即它老是將數值向上舍入爲最接近的整數；

alert(Math.ceil(25.9));                        //26
alert(Math.ceil(25.5));                        //26
alert(Math.ceil(25.1));                        //26

floor()執行向下舍入，即它老是將數值向下舍入爲最接近的整數；

alert(Math.floor(25.9));                        //25
alert(Math.floor(25.5));                        //25
alert(Math.floor(25.1));                        //25

round()執行標準舍入，即它老是將數值四捨五入爲最接近的整數；

alert(Math.round(25.9));                        //26
alert(Math.round(25.5));                        //26
alert(Math.round(25.1));                        //25

 

4.random()方法

random()方法返回介於0到1之間一個隨機數，不包括0和1。若是想大於這個範圍的話，能夠套用一下公式：

值 = Math.floor(Math.random() * 結束範圍數 + 開始範圍數 - 1) =正真的結束範圍數，開始範圍數仍是原來的

結束範圍數 + 開始範圍數 - 1 =正真的結束範圍數，開始範圍數仍是原來的

alert(Math.floor(Math.random() * 10 + 1));        //結束範圍數爲10+開始範圍數1=11，11-1=10 （1-10）的隨機範圍

for (var i = 0; i<10;i ++) {
    document.write(Math.floor(Math.random() * 10 + 5));        //結束範圍數爲10+開始範圍數5=15，15-1=14 （5-14）的隨機範圍
    document.write('<br />');
}

爲了更加方便的傳遞想要範圍，能夠寫成函數【推薦】

function selectFrom(lower, upper) {  //自定義隨機函數，接收開始範圍數和結束範圍數
    var sum = upper - lower + 1;                    //結束範圍數10減去開始範圍數5=5,5+1=6
    return Math.floor(Math.random() * sum + lower);//（* 6 + 5）,6+5-1=10，範圍就是5-10
}

//調用上面的隨機函數便可
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的正切值

 

alert(Math.abs(5));//返回num的絕對值

其餘相同