JavaScript內(nèi)置對象math,global功能與用法實例分析
本文實例講述了JavaScript內(nèi)置對象math,global功能與用法。分享給大家供大家參考,具體如下:
學(xué)習(xí)要點:
1.Global對象
2.Math對象
ECMA-262對內(nèi)置對象的定義是:“由ECMAScript實現(xiàn)提供的、不依賴宿主環(huán)境的對象,這些對象在ECMAScript程序執(zhí)行之前就已經(jīng)存在了。”意思就是說,開發(fā)人員不必顯示地實例化內(nèi)置對象;因為它們已經(jīng)實例化了。ECMA-262只定義了兩個內(nèi)置對象:Global和Math。
一.Global對象
Global(全局)對象是ECMAScript中一個特別的對象,因為這個對象是不存在的。在ECMAScript中不屬于任何其他對象的屬性和方法,都屬于它的屬性和方法。所以,事實上,并不存在全局變量和全局函數(shù);所有在全局作用域定義的變量和函數(shù),都是Global對象的屬性和方法。
PS:因為ECMAScript沒有定義怎么調(diào)用Global對象,所以,Global.屬性或者Global.方法()都是無效的。(Web瀏覽器將Global作為window對象的一部分加以實現(xiàn))
Global對象有一些內(nèi)置的屬性和方法:
1.URI編碼方法
URI編碼可以對鏈接進行編碼,以便發(fā)送給瀏覽器。它們采用特殊的UTF-8編碼替換所有無效字符,從而讓瀏覽器能夠接受和理解。
encodeURI()
不會對本身屬于URI的特殊字符進行編碼,例如冒號、正斜杠、問號和#號;而encodeURIComponent()
則會對它發(fā)現(xiàn)的任何非標(biāo)準(zhǔn)字符進行編碼
var box = '//Lee李'; alert(encodeURI(box)); //只編碼了中文 var box = '//Lee李'; alert(encodeURIComponent(box)); //特殊字符和中文編碼了
PS:因為encodeURIComponent()
編碼比encodeURI()
編碼來的更加徹底,一般來說encodeURIComponent()
使用頻率要高一些。
使用了URI編碼過后,還可以進行解碼,通過decodeURI()
和decodeURIComponent()
來進行解碼
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)一個字符串解析器的作用,他只接受一個參數(shù),而這個參數(shù)就是要執(zhí)行的JavaScript代碼的字符串。
eval('var box = 100'); //解析了字符串代碼 alert(box); eval('alert(100)'); //同上 eval('function box() {return 123}'); //函數(shù)也可以 alert(box());
eval()
方法的功能非常強大,但也非常危險。因此使用的時候必須極為謹慎。特別是在用戶輸入數(shù)據(jù)的情況下,非常有可能導(dǎo)致程序的安全性,比如代碼注入等等。
3.Global對象屬性
Global對象包含了一些屬性:undefined、NaN、Object、Array、Function等等。
alert(Array); //返回構(gòu)造函數(shù)
4.window對象
之前已經(jīng)說明,Global沒有辦法直接訪問,而Web瀏覽器可以使用window對象來實現(xiàn)一全局訪問。
alert(window.Array); //同上
二.Math對象
ECMAScript還為保存數(shù)學(xué)公式和信息提供了一個對象,即Math對象。與我們在JavaScript直接編寫計算功能相比,Math對象提供的計算功能執(zhí)行起來要快得多。
1.Math對象的屬性
Math對象包含的屬性大都是數(shù)學(xué)計算中可能會用到的一些特殊值。
屬 性 | 說 明 |
---|---|
Math.E | 自然對數(shù)的底數(shù),即常量e的值 |
Math.LN10 | 10的自然對數(shù) |
Math.LN2 | 2的自然對數(shù) |
Math.LOG2E | 以2為底e的對數(shù) |
Math.LOG10E | 以10為底e的對數(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之間一個隨機數(shù),不包括0和1。如果想大于這個范圍的話,可以套用一下公式:
值 = Math.floor(Math.random() * 總數(shù) + 第一個值)
alert(Math.floor(Math.random() * 10 + 1)); //隨機產(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ù)-第一個數(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.其他方法
方 法 | 說 明 |
---|---|
Math.abs(num) | 返回num的絕對值 |
Math.exp(num) | 返回Math.E的num次冪 |
Math.log(num) | 返回num的自然對數(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é)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript排序算法總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript內(nèi)置對象介紹
- Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的知識
- JavaScript為內(nèi)置對象添加原型方法實現(xiàn)
- JavaScript常用內(nèi)置對象用法分析
- 詳解JavaScript的內(nèi)置對象
- 淺談js常用內(nèi)置方法和對象
- 深入理解JavaScript單體內(nèi)置對象
- javascript內(nèi)置對象操作詳解
- jsp內(nèi)置對象及方法詳細介紹
- JavaScript 內(nèi)置對象屬性及方法集合
- javascript對象之內(nèi)置對象Math使用方法
- JavaScript中的內(nèi)置對象介紹
相關(guān)文章
JavaScript實現(xiàn)圖片懶加載的三種常用方法總結(jié)
懶加載是一種對網(wǎng)頁性能優(yōu)化的方式,也是我們經(jīng)常會用到的技術(shù),這篇文章為大家整理了JavaScript實現(xiàn)圖片懶加載的三種常用方法,希望對大家有所幫助2023-06-06JavaScript具有類似Lambda表達式編程能力的代碼(改進版)
在之前的一篇博文中我介紹了一種方法可以讓JavaScript具有一種近似于Lambda表達式的編程能力——但是它有一些缺點,其中妨礙它的使用的最主要的一條就是多了一層括號,讓代碼變得難以閱讀。2010-09-09