JavaScript引用類型——“單體內(nèi)置對象”的注意要點(diǎn)

xushaojieaaa 發(fā)布于2019-08-21 10:49 / 2354人閱讀

摘要：單體內(nèi)置對象單體內(nèi)置對象就是開發(fā)人員不必顯式地實(shí)例化內(nèi)置對象，因?yàn)樗麄円呀?jīng)實(shí)例化了。前面的章節(jié)討論過了大多數(shù)內(nèi)置對象，還定義了兩個(gè)單體內(nèi)置對象和。

單體內(nèi)置對象

單體內(nèi)置對象就是開發(fā)人員不必顯式地實(shí)例化內(nèi)置對象，因?yàn)樗麄円呀?jīng)實(shí)例化了。前面的章節(jié)討論過了大多數(shù)內(nèi)置對象，ECMA-262 還定義了兩個(gè)單體內(nèi)置對象：Global 和Math。

Global 對象

所有在全局作用域中定義的屬性和函數(shù)，都是Global 對象的屬性。

URI 編碼方法

encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()方法。如下：

var uri = "http://www.bai du.com";
console.log(encodeURI(uri));
console.log(encodeURIComponent(uri));

/*
[Log] http://www.bai%20du.com (repetition.html, line 16)
[Log] http%3A%2F%2Fwww.bai%20du.com (repetition.html, line 17)
*/

var uri = "http%3A%2F%2Fwww.bai%20du.com";
console.log(decodeURI(uri));
console.log(decodeURIComponent(uri));    
/*
[Log] http%3A%2F%2Fwww.bai du.com (repetition.html, line 16)
[Log] http://www.bai du.com (repetition.html, line 17)
*/

eval 方法（防止代碼注入，應(yīng)該謹(jǐn)慎使用）

這個(gè)方法就是一個(gè)完整的解析器，它只接受一個(gè)參數(shù)，即要執(zhí)行的ECMAScript（JavaScript）字符串。被執(zhí)行的代碼具有與該執(zhí)行環(huán)境相同的作用域鏈。這意味著通過eval()執(zhí)行的代碼可以引用在包含環(huán)境中定義的變量，且在該方法中創(chuàng)建的任何變量或者函數(shù)都不會(huì)被提升。如：

eval("function hi(){console.log("hi")}");
hi();

var num = 100;
eval("document.write(num);");

eval("var num = 110;");
document.write(num);

謹(jǐn)慎使用！
特別是他在執(zhí)行用戶數(shù)據(jù)輸入的情況下，后果可能非常嚴(yán)重。

Global 對象的屬性

下面的網(wǎng)頁列出Global 對象的所有屬性：
JavaScript Global 對象

Window 對象（以后再詳細(xì)討論）

EFMAScript 雖然沒有給出如何直接訪問Global 對象，但是Web 瀏覽器都是將這個(gè)全局對象作為window 對象的一部分加以實(shí)現(xiàn)的。因此，在全局作用域中聲明的所有變量和函數(shù)，都成為了window 對象的屬性。如：

var color = "red";
var func = function(){
    document.write("func function");
};

console.log(window.color); //red
window.func(); //func function

創(chuàng)建一個(gè)立即調(diào)用的函數(shù)表達(dá)式：

var global = function(){
    document.write("func")
}();

(
    function(){
        document.write("func")
    }
)();

上下兩種都可以。具體以后討論函數(shù)表達(dá)式。

Math 對象

ECMAScript 還為保存了數(shù)學(xué)公式和信息提供了一個(gè)公共位置，即Math 對象。

Math 對象的屬性

主要有：

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 的平方根即2 的平方根的倒數(shù)）

Math.SQRT2（2 的平方根）

min()和max()方法

這兩個(gè)方法對于確定一組數(shù)值中的最小和最大值非常好用。兩個(gè)方法都可以接收任意多個(gè)數(shù)值。如：

var maxValue = Math.max(321,3,1);
console.log(maxValue); //321

那么如何提取出數(shù)組里面的最大值或最小值呢？

var valuesArray = [32,13,214,32,5432,1];
var maxValue = Math.max.apply(this,valuesArray);
document.write(maxValue); //5432

使用apply()方法可以很輕松的改變this 值?？梢詫⑷魏螖?shù)組座位第二個(gè)參數(shù)。

又如：

var valuesArray = [1,321,21,3,3];
function sum(){
    console.log(arguments.length);
    var max = Math.max.apply(this,arguments);
    console.log(max);
}
sum.apply(this,valuesArray);

舍入方法

Math.ceil()、Math.floor()、Math.round()三個(gè)方法分別遵循下面的規(guī)則：

Math.ceil()（向上舍入）

Math.round()（標(biāo)準(zhǔn)舍入-四舍五入）

Math.floor()（向下舍入）

random()方法

Math.random()方法返回大于等于0 小于1 的一個(gè)隨機(jī)數(shù)。如：

console.log(Math.random());

可以利用某個(gè)整數(shù)范圍內(nèi)隨機(jī)選擇一個(gè)數(shù)值：

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

比如想要隨機(jī)選擇一個(gè)1-10之間的隨機(jī)數(shù)，就可以寫成：

var num = Math.floor(Math.random() * 10 + 1);

如果是想隨機(jī)選擇一個(gè)2-4之間的隨機(jī)數(shù)，就可以寫成：

var num = Math.floor(Math.random() * 3 + 2);

也可以通過一個(gè)函數(shù)來自動(dòng)生成隨機(jī)數(shù)，不必計(jì)算可能的值的范圍。如：

function selectFrom(lowerValue,upperValue){
    return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue);
}

通過上面這個(gè)函數(shù)，可以隨機(jī)訪問Array 的數(shù)值。如：

var valuesArray = ["BMW","Audi","Benz"];

function selectFrom(lowerValue,upperValue){
    return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue);
}

var selectValue = valuesArray[selectFrom(0,valuesArray.length - 1)];
console.log(selectValue);

其他方法

見JavaScript Math 對象

GPU云服務(wù)器云服務(wù)器單體內(nèi)置對象引用類型的變量 js引用類型的存儲(chǔ) js引用的數(shù)據(jù)類型

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86243.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

xushaojieaaa

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

易探云：新鄉(xiāng)BGP云服務(wù)器低至12元/首月,續(xù)費(fèi)7折;十堰vps/滁州vps,1核/2G/月付36.

閱讀 1139·2021-11-24 10:24
怎么在服務(wù)器上安裝SSL證書？服務(wù)器證書安裝配置指南！

閱讀 2614·2021-11-22 13:54
hostarmada：WordPress外貿(mào)虛擬主機(jī)首月3折優(yōu)惠$3.59/月起，vps服務(wù)器首月8

閱讀 1026·2021-09-24 09:55
基于Vue實(shí)現(xiàn)關(guān)鍵詞實(shí)時(shí)搜索高亮顯示關(guān)鍵詞

閱讀 3624·2019-08-30 15:54
更快助你弄懂React-高階組件

閱讀 1344·2019-08-30 15:44
TCP/IP基礎(chǔ)總結(jié)性學(xué)習(xí)（3）

閱讀 1115·2019-08-30 14:23
簡單說正則表達(dá)式——要注意lastIndex屬性

閱讀 3225·2019-08-29 13:45
input寬度自適應(yīng)的問題

閱讀 1313·2019-08-29 11:19

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JavaScript引用類型——“單體內(nèi)置對象”的注意要點(diǎn)

相關(guān)文章

**《JavaScript 闖關(guān)記》之單體內(nèi)置對象**

**如何閱讀《JavaScript高級(jí)程序設(shè)計(jì)》（一）**

**如何閱讀《JavaScript高級(jí)程序設(shè)計(jì)》（一）**

**如何閱讀《JavaScript高級(jí)程序設(shè)計(jì)》（一）**

**基礎(chǔ)回顧－javascript數(shù)據(jù)類型**

發(fā)表評(píng)論

0條評(píng)論

xushaojieaaa

男|高級(jí)講師

TA的文章

易探云：新鄉(xiāng)BGP云服務(wù)器低至12元/首月,續(xù)費(fèi)7折;十堰vps/滁州vps,1核/2G/月付36.

怎么在服務(wù)器上安裝SSL證書？服務(wù)器證書安裝配置指南！

hostarmada：WordPress外貿(mào)虛擬主機(jī)首月3折優(yōu)惠$3.59/月起，vps服務(wù)器首月8

基于Vue實(shí)現(xiàn)關(guān)鍵詞實(shí)時(shí)搜索高亮顯示關(guān)鍵詞

更快助你弄懂React-高階組件

TCP/IP基礎(chǔ)總結(jié)性學(xué)習(xí)（3）

簡單說正則表達(dá)式——要注意lastIndex屬性

input寬度自適應(yīng)的問題

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JavaScript引用類型——“單體內(nèi)置對象”的注意要點(diǎn)

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！