如何在JavaScript中使用math和global

本篇文章為大家展示了如何在JavaScript中使用math和global，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

學(xué)習(xí)要點(diǎn)：

1.Global對(duì)象
2.Math對(duì)象

ECMA-262對(duì)內(nèi)置對(duì)象的定義是：“由ECMAScript實(shí)現(xiàn)提供的、不依賴宿主環(huán)境的對(duì)象，這些對(duì)象在ECMAScript程序執(zhí)行之前就已經(jīng)存在了。”意思就是說，開發(fā)人員不必顯示地實(shí)例化內(nèi)置對(duì)象；因?yàn)樗鼈円呀?jīng)實(shí)例化了。ECMA-262只定義了兩個(gè)內(nèi)置對(duì)象：Global和Math。

一．Global對(duì)象

Global(全局)對(duì)象是ECMAScript中一個(gè)特別的對(duì)象，因?yàn)檫@個(gè)對(duì)象是不存在的。在ECMAScript中不屬于任何其他對(duì)象的屬性和方法，都屬于它的屬性和方法。所以，事實(shí)上，并不存在全局變量和全局函數(shù)；所有在全局作用域定義的變量和函數(shù)，都是Global對(duì)象的屬性和方法。

PS：因?yàn)镋CMAScript沒有定義怎么調(diào)用Global對(duì)象，所以，Global.屬性或者Global.方法()都是無效的。(Web瀏覽器將Global作為window對(duì)象的一部分加以實(shí)現(xiàn))

Global對(duì)象有一些內(nèi)置的屬性和方法：

1.URI編碼方法

URI編碼可以對(duì)鏈接進(jìn)行編碼，以便發(fā)送給瀏覽器。它們采用特殊的UTF-8編碼替換所有無效字符，從而讓瀏覽器能夠接受和理解。

encodeURI()不會(huì)對(duì)本身屬于URI的特殊字符進(jìn)行編碼，例如冒號(hào)、正斜杠、問號(hào)和#號(hào)；而encodeURIComponent()則會(huì)對(duì)它發(fā)現(xiàn)的任何非標(biāo)準(zhǔn)字符進(jìn)行編碼

var box = '//Lee李';
alert(encodeURI(box));            //只編碼了中文
var box = '//Lee李';
alert(encodeURIComponent(box));      //特殊字符和中文編碼了

PS：因?yàn)?code>encodeURIComponent()編碼比encodeURI()編碼來的更加徹底，一般來說encodeURIComponent()使用頻率要高一些。

使用了URI編碼過后，還可以進(jìn)行解碼，通過decodeURI()和decodeURIComponent()來進(jìn)行解碼

var box = '//Lee李';
alert(decodeURI(encodeURI(box)));      //還原    
var box = '//Lee李';
alert(decodeURIComponent(encodeURIComponent(box)));    //還原

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

2.eval()方法

eval()方法主要擔(dān)當(dāng)一個(gè)字符串解析器的作用，他只接受一個(gè)參數(shù)，而這個(gè)參數(shù)就是要執(zhí)行的JavaScript代碼的字符串。

eval('var box = 100');            //解析了字符串代碼
alert(box);
eval('alert(100)');              //同上
eval('function box() {return 123}');      //函數(shù)也可以
alert(box());

eval()方法的功能非常強(qiáng)大，但也非常危險(xiǎn)。因此使用的時(shí)候必須極為謹(jǐn)慎。特別是在用戶輸入數(shù)據(jù)的情況下，非常有可能導(dǎo)致程序的安全性，比如代碼注入等等。

3.Global對(duì)象屬性

Global對(duì)象包含了一些屬性：undefined、NaN、Object、Array、Function等等。

alert(Array); //返回構(gòu)造函數(shù)

4.window對(duì)象

之前已經(jīng)說明，Global沒有辦法直接訪問，而Web瀏覽器可以使用window對(duì)象來實(shí)現(xiàn)一全局訪問。

alert(window.Array); //同上

二．Math對(duì)象

ECMAScript還為保存數(shù)學(xué)公式和信息提供了一個(gè)對(duì)象，即Math對(duì)象。與我們?cè)贘avaScript直接編寫計(jì)算功能相比，Math對(duì)象提供的計(jì)算功能執(zhí)行起來要快得多。

1.Math對(duì)象的屬性

Math對(duì)象包含的屬性大都是數(shù)學(xué)計(jì)算中可能會(huì)用到的一些特殊值。

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()用于確定一組數(shù)值中的最小值。Math.max()用于確定一組數(shù)值中的最大值。

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()執(zhí)行向上舍入，即它總是將數(shù)值向上舍入為最接近的整數(shù)；
Math.floor()執(zhí)行向下舍入，即它總是將數(shù)值向下舍入為最接近的整數(shù)；
Math.round()執(zhí)行標(biāo)準(zhǔn)舍入，即它總是將數(shù)值四舍五入為最接近的整數(shù)；

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之間一個(gè)隨機(jī)數(shù)，不包括0和1。如果想大于這個(gè)范圍的話，可以套用一下公式：

值 = Math.floor(Math.random() * 總數(shù) + 第一個(gè)值)

alert(Math.floor(Math.random() * 10 + 1)); //隨機(jī)產(chǎn)生1-10之間的任意數(shù)
for (var i = 0; i<10;i ++) {
  document.write(Math.floor(Math.random() * 10 + 5)); //5-14之間的任意數(shù)
  document.write('<br />');
}

為了更加方便的傳遞想要范圍，可以寫成函數(shù)：

function selectFrom(lower, upper) {
  var sum = upper - lower + 1; //總數(shù)-第一個(gè)數(shù)+1
  return Math.floor(Math.random() * sum + lower);
}
for (var i=0 ;i<10;i++) {
  document.write(selectFrom(5,10)); //直接傳遞范圍即可
  document.write('<br />');
}

5.其他方法

上述內(nèi)容就是如何在JavaScript中使用math和global，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。