JavaScript內(nèi)置對(duì)象math,global功能與用法實(shí)例分析
本文實(shí)例講述了JavaScript內(nèi)置對(duì)象math,global功能與用法。分享給大家供大家參考,具體如下:
學(xué)習(xí)要點(diǎn):
1.Global對(duì)象
2.Math對(duì)象
ECMA-262對(duì)內(nèi)置對(duì)象的定義是:“由ECMAScript實(shí)現(xiàn)提供的、不依賴(lài)宿主環(huán)境的對(duì)象,這些對(duì)象在ECMAScript程序執(zhí)行之前就已經(jīng)存在了?!币馑季褪钦f(shuō),開(kāi)發(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沒(méi)有定義怎么調(diào)用Global對(duì)象,所以,Global.屬性或者Global.方法()都是無(wú)效的。(Web瀏覽器將Global作為window對(duì)象的一部分加以實(shí)現(xiàn))
Global對(duì)象有一些內(nèi)置的屬性和方法:
1.URI編碼方法
URI編碼可以對(duì)鏈接進(jìn)行編碼,以便發(fā)送給瀏覽器。它們采用特殊的UTF-8編碼替換所有無(wú)效字符,從而讓瀏覽器能夠接受和理解。
encodeURI()不會(huì)對(duì)本身屬于URI的特殊字符進(jìn)行編碼,例如冒號(hào)、正斜杠、問(wèn)號(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()編碼來(lái)的更加徹底,一般來(lái)說(shuō)encodeURIComponent()使用頻率要高一些。
使用了URI編碼過(guò)后,還可以進(jìn)行解碼,通過(guò)decodeURI()和decodeURIComponent()來(lái)進(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字符,而原來(lái)的只能正確地編碼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)慎。特別是在用戶(hù)輸入數(shù)據(jù)的情況下,非常有可能導(dǎo)致程序的安全性,比如代碼注入等等。
3.Global對(duì)象屬性
Global對(duì)象包含了一些屬性:undefined、NaN、Object、Array、Function等等。
alert(Array); //返回構(gòu)造函數(shù)
4.window對(duì)象
之前已經(jīng)說(shuō)明,Global沒(méi)有辦法直接訪問(wèn),而Web瀏覽器可以使用window對(duì)象來(lái)實(shí)現(xiàn)一全局訪問(wèn)。
alert(window.Array); //同上
二.Math對(duì)象
ECMAScript還為保存數(shù)學(xué)公式和信息提供了一個(gè)對(duì)象,即Math對(duì)象。與我們?cè)贘avaScript直接編寫(xiě)計(jì)算功能相比,Math對(duì)象提供的計(jì)算功能執(zhí)行起來(lái)要快得多。
1.Math對(duì)象的屬性
Math對(duì)象包含的屬性大都是數(shù)學(xué)計(jì)算中可能會(huì)用到的一些特殊值。
| 屬 性 | 說(shuō) 明 |
|---|---|
| Math.E | 自然對(duì)數(shù)的底數(shù),即常量e的值 |
| Math.LN10 | 10的自然對(duì)數(shù) |
| Math.LN2 | 2的自然對(duì)數(shù) |
| Math.LOG2E | 以2為底e的對(duì)數(shù) |
| Math.LOG10E | 以10為底e的對(duì)數(shù) |
| 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()方法
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 />');
}
為了更加方便的傳遞想要范圍,可以寫(xiě)成函數(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.其他方法
| 方 法 | 說(shuō) 明 |
|---|---|
| Math.abs(num) | 返回num的絕對(duì)值 |
| Math.exp(num) | 返回Math.E的num次冪 |
| Math.log(num) | 返回num的自然對(duì)數(shù) |
| 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的正切值 |
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript內(nèi)置對(duì)象介紹
- Javascript基礎(chǔ)知識(shí)中關(guān)于內(nèi)置對(duì)象的知識(shí)
- JavaScript為內(nèi)置對(duì)象添加原型方法實(shí)現(xiàn)
- JavaScript常用內(nèi)置對(duì)象用法分析
- 詳解JavaScript的內(nèi)置對(duì)象
- 淺談js常用內(nèi)置方法和對(duì)象
- 深入理解JavaScript單體內(nèi)置對(duì)象
- javascript內(nèi)置對(duì)象操作詳解
- jsp內(nèi)置對(duì)象及方法詳細(xì)介紹
- JavaScript 內(nèi)置對(duì)象屬性及方法集合
- javascript對(duì)象之內(nèi)置對(duì)象Math使用方法
- JavaScript中的內(nèi)置對(duì)象介紹
相關(guān)文章
js實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)旋轉(zhuǎn)木馬輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01
最常見(jiàn)和最有用的字符串相關(guān)的方法詳解
本文主要介紹了最常見(jiàn)和最有用的字符串相關(guān)的方法,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02
JS鼠標(biāo)滑過(guò)圖片時(shí)切換圖片實(shí)現(xiàn)思路
在瀏覽網(wǎng)頁(yè)時(shí)會(huì)看到這樣的效果:當(dāng)鼠標(biāo)滑過(guò)一張圖片后,這張圖片切換為了另外的一張圖片,下面為大家介紹下具體是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)2013-09-09
js或者jquery判斷圖片是否加載完成實(shí)現(xiàn)代碼
需要獲得圖片的寬度和高度,有些js或者jquery代碼在還沒(méi)有加載完圖片時(shí)就執(zhí)行了,這個(gè)問(wèn)題該怎么解決呢?接下來(lái)分別介紹下js與jquery提供的方法2013-03-03
Javascript連接多個(gè)數(shù)組不用concat來(lái)解決
這篇文章主要介紹了不用concat解決Javascript連接多個(gè)數(shù)組,需要的朋友可以參考下2014-03-03
js+html5實(shí)現(xiàn)手機(jī)九宮格密碼解鎖功能
這篇文章主要為大家詳細(xì)介紹了js+html5實(shí)現(xiàn)手機(jī)九宮格密碼解鎖功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)潔的俄羅斯方塊完整實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)潔的俄羅斯方塊,以完整實(shí)例形式分析了JavaScript實(shí)現(xiàn)俄羅斯方塊游戲的具體技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2016-03-03
微信小程序如何在頁(yè)面跳轉(zhuǎn)時(shí)進(jìn)行頁(yè)面導(dǎo)航
小程序能夠在不同的頁(yè)面進(jìn)行跳轉(zhuǎn)切換,路由起到了至關(guān)重要的作用,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何在頁(yè)面跳轉(zhuǎn)時(shí)進(jìn)行頁(yè)面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2022-09-09

