最熟悉的陌生人：JavaScript數(shù)據(jù)類型

raledong 發(fā)布于2019-08-23 16:17 / 3163人閱讀

摘要：使用格式表示整數(shù)和浮點(diǎn)數(shù)，一般來(lái)說(shuō)整數(shù)占用了位，而浮點(diǎn)數(shù)數(shù)占用位。要比較浮點(diǎn)數(shù)是否相等，可以采用是一個(gè)非常小的數(shù)值，如果兩個(gè)浮點(diǎn)數(shù)相減小于，則可以為認(rèn)為是相等。

最近面試了三個(gè)開(kāi)發(fā)，他們都沒(méi)有說(shuō)清楚JS的基本類型有哪些。而且往往錯(cuò)誤的說(shuō)了一些C語(yǔ)言的數(shù)據(jù)類型，例如int, float, double之類的數(shù)據(jù)類型。

無(wú)論什么語(yǔ)言，熟練掌握數(shù)據(jù)類型都是這門語(yǔ)言最根本的知識(shí)點(diǎn)

JS數(shù)據(jù)類型分為兩類，一類是基本類型，他們有

Number

String

Boolean

Undefined

Null

Symbol

js的基本類型就這么幾個(gè)，除此之外，其他的類型都是對(duì)象。

Number類型

在JS沒(méi)有整型，float，或者double類型的數(shù)值，所有數(shù)值統(tǒng)一叫做Number類型。

JS使用IEEE754格式表示整數(shù)和浮點(diǎn)數(shù)，一般來(lái)說(shuō)整數(shù)占用了32位，而浮點(diǎn)數(shù)數(shù)占用64位。因?yàn)楦↑c(diǎn)數(shù)占用的內(nèi)存空間是整數(shù)的兩倍，所以js會(huì)適當(dāng)?shù)陌迅↑c(diǎn)數(shù)轉(zhuǎn)化為整數(shù)儲(chǔ)存。

4.0 === 4 // true

數(shù)值類型都是有大小范圍的

Number.MAX_VALUE  // 1.7976931348623157e+308
Number.MIN_VALUE // 5e-324
Number.MAX_SAFE_INTEGER // 9007199254740991
Number.MIN_SAFE_INTEGER // -9007199254740991

浮點(diǎn)數(shù)一般都是計(jì)算結(jié)果不準(zhǔn)確的，這不是JS的問(wèn)題，所有語(yǔ)言中都有這個(gè)問(wèn)題。

計(jì)算0.1 + 0.2 === 0.3這個(gè)結(jié)果永遠(yuǎn)是false。

要比較浮點(diǎn)數(shù)是否相等，可以采用Number.EPSILON, Number.EPSILON是一個(gè)非常小的數(shù)值，如果兩個(gè)浮點(diǎn)數(shù)相減小于Number.EPSILON，則可以為認(rèn)為是相等。

Math.abs(0.1 + 0.2 - 0.3) < Number.EPSILON // true

Number類型中有三個(gè)比較特殊的兄弟

Infinity 當(dāng)數(shù)值超過(guò)Number類型的最大值，他就會(huì)變成正無(wú)窮

-Infinity 當(dāng)數(shù)值類型小于Number類型的最小值，就會(huì)變成負(fù)無(wú)窮

NaN NaN的意思是它不是一個(gè)數(shù)值，例如某個(gè)字符串除以0，一般語(yǔ)言都會(huì)報(bào)錯(cuò)，但是js不會(huì)，而是該變量的值會(huì)變成NaN。

// Infinity與NaN的區(qū)別
"90"/4 // 22.5
"90n"/4 // NaN
"90"/0 // Infinity
"90n"/0 // NaN
"90N"/"a" // NaN

數(shù)值類型一旦變成這三個(gè)兄弟，就無(wú)法參與后續(xù)的數(shù)值運(yùn)算。

數(shù)值計(jì)算

數(shù)值計(jì)算操作符有很多，常見(jiàn)的有加減乘除，自增，自減。

變量在參與數(shù)值計(jì)算時(shí)，變量值會(huì)被轉(zhuǎn)換成基本包裝類型Number參與表達(dá)式求值。如果某個(gè)變量值轉(zhuǎn)換的結(jié)果是NaN, 那么整個(gè)表達(dá)式的結(jié)果就為NaN

Number("90n") // NaN
Number("90") // 90
"90"/4 // 22.5
"90n"/4 // NaN
"90"/0 // Infinity
"90n"/0 // NaN
"90N"/"a" // NaN
NaN + Infinity // NaN

String類型

從靜態(tài)語(yǔ)言過(guò)來(lái)的同學(xué)，遇到字符串就會(huì)問(wèn)個(gè)問(wèn)題：請(qǐng)問(wèn)你能裝多少個(gè)字符串呢？

字符串傻傻一笑，說(shuō)：自從我誕生以來(lái)，從來(lái)就沒(méi)被裝滿過(guò)!

ECMAScript 2016 (ed. 7) established a maximum length of 2^53 - 1 elements. Previously, no maximum length was specified. In Firefox, strings have a maximum length of 230 - 2 (~1GB). In versions prior to Firefox 65, the maximum length was 228 - 1 (~256MB).  --MDN

Boolean

Boolean值很簡(jiǎn)單，就false和true兩個(gè)值。但是很多人不能完全回答出，哪些值會(huì)被轉(zhuǎn)換成false。

除了下面幾個(gè)能夠被轉(zhuǎn)成false的值，其他都是true。

false
""
NaN
undefined
0, -0, +0
null

undefined 和 null

undefined表示一個(gè)變量被定義了，但是沒(méi)有被賦值。null表示這個(gè)變量根本沒(méi)被定義?？傊?，無(wú)論是undefined和null，他們基本上都是不能使用的值。

null類型有個(gè)特別的作用。比如有個(gè)對(duì)象，有很多屬性，這時(shí)候你想把這個(gè)變量給標(biāo)記為可以被垃圾回收了，那么就可以把它的值設(shè)置為null。

最熟悉的陌生人: 對(duì)象

我曾認(rèn)為對(duì)象在js中是最簡(jiǎn)單的，而實(shí)際上，是我太天真。

// 定義一個(gè)對(duì)象，so easy
var boy = {
  name: "wangduanduan"
}

var boy = {}
Object.defineProperty(boy, "name", {
 writable: false,
 value: "wdd"
})
boy.name = "ddw" // 設(shè)置不會(huì)生效，boy.name的值還是wdd

對(duì)象的數(shù)據(jù)屬性

數(shù)據(jù)屬性	默認(rèn)值	說(shuō)明
configurable	true	表示這個(gè)屬性能否用delete刪除
enumerable	true	表示這個(gè)屬性能否通過(guò)for in 循環(huán)遍歷
writable	true	表示這個(gè)屬性能否被修改
value	undefined	表示這個(gè)屬性的數(shù)據(jù)值

如果調(diào)用Object.defineProperty沒(méi)有指定configurable, enumerable, writable，那么他們的默認(rèn)值都是false。

訪問(wèn)器屬性

訪問(wèn)器屬性就是get, set讓你可以在讀取或者寫入值時(shí)，做一層攔截。

var man = {
    _sex: 1
}
Object.defineProperty(man, "sex", {
 set: function (v) {
     this._sex = v === "男" ? 1 : 0
 },
 get: function () {
     return this._sex === 1 ? "男" : "女"
 }
})
nam.sex // 男

想一想如果把上面的_sex改成sex會(huì)有什么問(wèn)題？

// 這樣寫會(huì)有什么問(wèn)題
var man = {
    sex: 1
}
Object.defineProperty(man, "sex", {
 set: function (v) {
     this.sex = v === "男" ? 1 : 0
 },
 get: function () {
     return this.sex === 1 ? "男" : "女"
 }
})

最后

很多人抱怨說(shuō)，工作不好找，其實(shí)大多數(shù)時(shí)候都是自己準(zhǔn)備不足。

隨便網(wǎng)上刷刷幾道題，看看幾集視頻教程，往往不太同意蒙混過(guò)關(guān)。

雖說(shuō)前端可能比較簡(jiǎn)單，但是也絕沒(méi)有想象的那么簡(jiǎn)單。

掃碼訂閱我的微信公眾號(hào)：洞香春天。每天一篇技術(shù)短文，讓知識(shí)不再高冷。

GPU云服務(wù)器云服務(wù)器最熟悉 javascript的類型 javascript數(shù)據(jù)類型 javascript基本數(shù)據(jù)類型

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

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

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

登陸后可評(píng)論

0條評(píng)論

raledong

男|高級(jí)講師

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

TA的文章

力扣-----python兩數(shù)之和問(wèn)題（超詳細(xì)，適合初學(xué)者）

閱讀 1639·2021-11-22 09:34
html2canvas在vue下的巨坑

閱讀 1713·2019-08-29 16:36
CSS2:寬度與高度疑難點(diǎn)解析

閱讀 2698·2019-08-29 15:43
瀏覽器緩存機(jī)制

閱讀 3139·2019-08-29 13:57
未知寬度水平居中的幾種方法

閱讀 1321·2019-08-28 18:05
whislte抓包

閱讀 1909·2019-08-26 18:26
setTimeout方法注意事項(xiàng)

閱讀 3274·2019-08-26 10:39
vue項(xiàng)目發(fā)布

閱讀 3483·2019-08-23 18:40

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

資訊專欄INFORMATION COLUMN

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

最熟悉的陌生人：JavaScript數(shù)據(jù)類型

相關(guān)文章

談?wù)勎?em>熟悉又陌生的cookie

記一次兩小時(shí)的js編程學(xué)習(xí)

CSS：BFC 最熟悉的陌生人

2017-09-18 前端日?qǐng)?bào)

**用 Python 分析過(guò)往 36 年春晚節(jié)目數(shù)據(jù)，發(fā)現(xiàn)一些趣事**

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

0條評(píng)論

raledong

男|高級(jí)講師

TA的文章

力扣-----python兩數(shù)之和問(wèn)題（超詳細(xì)，適合初學(xué)者）

html2canvas在vue下的巨坑

CSS2:寬度與高度疑難點(diǎn)解析

瀏覽器緩存機(jī)制

未知寬度水平居中的幾種方法

whislte抓包

setTimeout方法注意事項(xiàng)

vue項(xiàng)目發(fā)布

最新活動(dòng)

資訊專欄INFORMATION COLUMN

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

最熟悉的陌生人：JavaScript數(shù)據(jù)類型

相關(guān)文章

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

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

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