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)提供的、不依賴宿主環(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)慎。特別是在用戶輸入數(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)容感興趣的讀者可查看本站專題:《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)文章
JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法總結(jié)
懶加載是一種對(duì)網(wǎng)頁(yè)性能優(yōu)化的方式,也是我們經(jīng)常會(huì)用到的技術(shù),這篇文章為大家整理了JavaScript實(shí)現(xiàn)圖片懶加載的三種常用方法,希望對(duì)大家有所幫助2023-06-06JavaScript具有類似Lambda表達(dá)式編程能力的代碼(改進(jìn)版)
在之前的一篇博文中我介紹了一種方法可以讓JavaScript具有一種近似于Lambda表達(dá)式的編程能力——但是它有一些缺點(diǎn),其中妨礙它的使用的最主要的一條就是多了一層括號(hào),讓代碼變得難以閱讀。2010-09-09js實(shí)現(xiàn)網(wǎng)頁(yè)抽獎(jiǎng)實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)抽獎(jiǎng)的方法,實(shí)例分析了javascript隨機(jī)數(shù)及時(shí)間函數(shù)的相關(guān)使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)帶進(jìn)度條提示的多視頻上傳功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07JavaScript代碼實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了JavaScript代碼實(shí)現(xiàn)簡(jiǎn)單日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04