深入理解JavaScript單體內(nèi)置對象
JavaScript中定義了兩個單體內(nèi)置對象:Global和Math。
Global對象
Global對象是JavaScript中最特別的一個對象。不屬于任何其他對象的屬性和方法,最終都是它的屬性和方法。實際上,沒有全局變量或全局作用域,所有在全局作用域中定義的屬性和函數(shù),都是Global對象的屬性。
Global對象包含了一些有用的方法:
1.URI編碼方法
Global對象的encodeURI()和encodeURIComponent()方法可以對URI進行編碼,encodeURI()主要用于整個URI,而encodeURIComponent()主要用于對URI中的某一段進行編碼。
var uri = "http://www.jb51 xxyh.com#login"; alert(encodeURI(uri)); // "http://www.jb51%20xxyh.com#login" alert(encodeURIComponent(uri)); // "http%3A%2F%2Fwww.jb51%20xxyh.com%23login"
encodeURI()不會對本身屬于URI的特殊字符進行編碼(如,冒號、正斜杠、問號和井號),encodeURIComponent會對發(fā)現(xiàn)的任何非標準字符進行編碼。
與encodeURI()和encodeURIComponent()對應(yīng)的有兩個解碼方法decodeURI和decodeURIComponent
var uri = "http%3A%2F%2Fwww.jb51%20xxyh.com%23login"; alert(decodeURI(uri)); // "http%3A%2F%2Fwww.jb51 xxyh.com%23login" alert(decodeURIComponent(uri)); // http://www.jb51 xxyh.com#login
其中,decodeURI()只能對使用encodeURI()替換的字符進行解碼。decodeURIComponent能夠?qū)ncodeURIComponent()進行解碼。
2.eval()方法
eval()只接受一個參數(shù),即要執(zhí)行的JavaScript字符串,例如:
eval("alert('hello')");
上面這行代碼等價于:
alert("hello");
當解析器調(diào)用eval()方法時,會將傳入的參數(shù)作為實際的JavaScript語句解析,然后將執(zhí)行結(jié)果插入原來的位置。通過eval()執(zhí)行的代碼被認為是包含該次調(diào)用的執(zhí)行環(huán)境的一部分,因此被執(zhí)行的代碼具有與該執(zhí)行環(huán)境相同的作用域鏈。這意味著通過eval()執(zhí)行的代碼可以引用在包含環(huán)境中定義的變量。
var msg = "good morning"; eval("alert(msg)"); // "good morning"
同樣地,可以在eval()中定義一個函數(shù),然后再在該調(diào)用的外部引用這個函數(shù):
eval("function sayHi() {alert('hello')}");
對于變量也是一樣:
eval("var msg = 'hello world'"); alert(msg); // "hello world"
在eval()中創(chuàng)建的任何變量或函數(shù)都不會被提升,在解析代碼時,它們被包含在一個字符串中;只有在eval()執(zhí)行時才創(chuàng)建。
3.window對象
JavaScript沒有指出如何直接訪問Global對象,但是web瀏覽器都是將它作為window對象的一部分加以實現(xiàn)的。因此,在全局作用域中聲明的所有變量和函數(shù),都稱為window對象的屬性。
var color = "red"; function sayColor() { alert(window.color); } window.sayColor();
上面定義了一個全局變量color和全局函數(shù)sayColor()方法,在函數(shù)內(nèi)部通過window.color來訪問color變量,說明全局變量color是window對象的屬性。然后通過window.sayColor()來調(diào)用sayColor()方法,說明sayColor()是window對象的方法。
取得Global對象的方法:
var global = function () { return this; }();
Math對象
JavaScript提供了Math對象,用于提供快速的計算功能。
1.Math對象的屬性
Math對象的屬性大多是一些數(shù)學計算中的特殊值。
2.min()和max()方法
min()和max()方法用于確定一組數(shù)值中的最小值和最大值。這兩個方法都可以接收任意多個數(shù)值參數(shù)。
var max = Math.max(4,89,65,34); alert(max); // 89 var min = Math.min(4,89,65,34); alert(min);
查找數(shù)值中的最大值和最小值,可以使用如下的方式調(diào)用apply()方法:
var values = [4,89,65,34]; var max = Math.max.apply(Math, values);
3.舍入方法
• Math.ceil():向上舍入,即進一法,只要小數(shù)位不為0就向上取整
• Math.floor():向下舍入,即取整法,舍去小數(shù)位
• Math.round():標準舍入,即四舍五入法
示例:
alert(Math.ceil(11.4)); // 12 alert(Math.ceil(11.5)); // 12 alert(Math.ceil(11.8)); // 12 alert(Math.floor(11.4)); // 11 alert(Math.floor(11.5)); // 11 alert(Math.floor(11.8)); // 11 alert(Math.round(11.4)); // 11 alert(Math.round(11.5)); // 12 alert(Math.round(11.8)); // 12 alert(Math.ceil(-11.4)); // -11 alert(Math.ceil(-11.5)); // -11 alert(Math.ceil(-11.8)); // -11 alert(Math.floor(-11.4)); // -12 alert(Math.floor(-11.5)); // -12 alert(Math.floor(-11.8)); // -12 alert(Math.round(-11.4)); // -11 alert(Math.round(-11.5)); // -11 alert(Math.round(-11.8)); // -12
4.random()方法
Math.random()方法返回一個隨機數(shù)(0≤r<1)。
例如,獲取一個1到10之間的整數(shù):
var num = Math.floor(Math.random() * 10 + 1);
5.其他方法
Math對象還提供了一些完成各種個中簡單或復(fù)雜的計算。
ECMA-262 規(guī)定了這些方法,但是不同的實現(xiàn)可能精確度不同。
以上這篇深入理解JavaScript單體內(nèi)置對象就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- JavaScript內(nèi)置對象介紹
- Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的知識
- JavaScript為內(nèi)置對象添加原型方法實現(xiàn)
- JavaScript常用內(nèi)置對象用法分析
- JavaScript內(nèi)置對象math,global功能與用法實例分析
- 詳解JavaScript的內(nèi)置對象
- 淺談js常用內(nèi)置方法和對象
- javascript內(nèi)置對象操作詳解
- jsp內(nèi)置對象及方法詳細介紹
- JavaScript 內(nèi)置對象屬性及方法集合
- javascript對象之內(nèi)置對象Math使用方法
- JavaScript中的內(nèi)置對象介紹
相關(guān)文章
JavaScript清空數(shù)組元素的兩種方法簡單比較
這篇文章主要介紹了JavaScript清空數(shù)組元素的兩種方法簡單比較,羅列了幾種常見的情況javascript數(shù)組的方法,并且比較了其中的兩種常見方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07深入理解javascript函數(shù)參數(shù)與閉包
函數(shù)是javascript的一等對象,想要學好javascript,就必須深刻理解函數(shù)。本文對javascript函數(shù)參數(shù)與閉包進行詳細分析介紹。需要的朋友一起來看下吧2016-12-12JavaScript實現(xiàn)環(huán)繞鼠標旋轉(zhuǎn)效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)環(huán)繞鼠標旋轉(zhuǎn)效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法
這篇文章主要介紹了JavaScript實現(xiàn)文本框中默認顯示背景圖片在獲得焦點后消失的方法,涉及javascript針對頁面元素樣式及屬性的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07JavaScript實現(xiàn)購物車圖片局部放大預(yù)覽效果
這篇文章主要為大家詳細介紹了JavaScript如何通過canvas簡單實現(xiàn)購物車圖片放大預(yù)覽效果,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2023-03-03