公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

背景

這幾天寫(xiě)代碼，遇到一個(gè)不確定的知識(shí)點(diǎn)：我在vue的props中如何給一個(gè)屬性定義小寫(xiě)的bolean，代碼就會(huì)報(bào)錯(cuò)

但是大寫(xiě)的Bolean就沒(méi)問(wèn)題

由于我在其他地方我看大小寫(xiě)都可以，有點(diǎn)疑惑，于是想去請(qǐng)教一下同事。然而，沒(méi)想到同事上來(lái)就diss我：

這么基礎(chǔ)的知識(shí)你都不清楚？這兩個(gè)根本就不是一個(gè)東西！

我有點(diǎn)不開(kāi)心，想反駁一下：

這兩個(gè)不都是描述類型的東西嗎？我給你看其他地方的代碼，這兩個(gè)都是可以混用的！

同事有點(diǎn)不耐煩，說(shuō)道：大姐，boolean是TS中的類型聲明，Boolean是JavaScript 的構(gòu)造函數(shù)，根本不是一個(gè)東西吧！

行吧，我也剛?cè)腴T(mén)不久，確實(shí)不了解這個(gè)東西，只能強(qiáng)忍委屈，對(duì)同事說(shuō)了聲謝謝，我知道了！

然后，我好好的學(xué)習(xí)了一下Boolean和boolean的知識(shí)，終于搞明白他們的區(qū)別了。

Boolean和boolean

本質(zhì)區(qū)別

同事說(shuō)的很對(duì)，他們兩個(gè)的本質(zhì)區(qū)別就是一個(gè)是JavaScript語(yǔ)法，一個(gè)是TypeScript語(yǔ)法，這意味著非TypeScript項(xiàng)目是不存在boolean這個(gè)東西的。

Boolean 是 JavaScript 的構(gòu)造函數(shù)

Boolean 是 JavaScript 中的內(nèi)置構(gòu)造函數(shù)，用于布爾值的類型轉(zhuǎn)換或創(chuàng)建布爾對(duì)象。

js
typeof Boolean; // "function"

boolean 是 TypeScript 的基本類型

• 如果使用了 TypeScript，boolean 是 TypeScript 中的基本類型，用于靜態(tài)類型檢查。
• 在 JavaScript 的運(yùn)行時(shí)上下文中，boolean 并不存在，僅作為 TypeScript 的靜態(tài)檢查標(biāo)識(shí)。

js
typeof boolean; // ReferenceError: boolean is not defined

TS中作為類型的Boolean和boolean

在TypeScript中，Boolean和boolean都可以用于表示布爾類型

js
export interface ActionProps {
	checkStatus: Boolean
}
export interface RefundProps {
	visible: boolean
}

但是，他們存在一些區(qū)別

boolean

• boolean 是 TypeScript 的基本類型，用于定義布爾值。
• 它只能表示 true 或 false。
• 編譯后 boolean 不會(huì)存在于 JavaScript 中，因?yàn)樗鼉H用于靜態(tài)類型檢查。

js
//typescript
let isActive: boolean; // 只能是 true 或 false
isActive = true;       // 正確
isActive = false;      // 正確
isActive = new Boolean(true); // 錯(cuò)誤，不能賦值為 Boolean 對(duì)象

Boolean

• Boolean 是 JavaScript 的內(nèi)置構(gòu)造函數(shù)，用于將值顯式轉(zhuǎn)換為布爾值或創(chuàng)建布爾對(duì)象（Boolean 對(duì)象）。
• 它是一個(gè)引用類型，返回的是一個(gè)布爾對(duì)象，而不是基本的布爾值。
• 在 TypeScript 中， Boolean 表示構(gòu)造函數(shù)類型，而不是基本的布爾值類型。
• 
  

js
//typescript
let isActive: Boolean; // 類型是 Boolean 對(duì)象
isActive = new Boolean(false); // 正確，賦值為 Boolean 對(duì)象
isActive = true; // 正確，基本布爾值也可以兼容

關(guān)鍵區(qū)別

特性	boolean	Boolean
定義	TypeScript 的基本類型	JavaScript 的構(gòu)造函數(shù)
值類型	只能是 true或 false	是一個(gè)布爾對(duì)象
推薦使用場(chǎng)景	用于定義基本布爾值類型	很少用，除非需要顯式構(gòu)造布爾對(duì)象
運(yùn)行時(shí)行為	不存在，只在編譯時(shí)有效	在運(yùn)行時(shí)是 JavaScript 的構(gòu)造函數(shù)
性能	高效，直接操作布爾值	對(duì)象包裝，性能較差

為什么盡量避免使用 Boolean ？

類型行為不一致：Boolean 是對(duì)象類型，而不是基本值類型。這會(huì)在邏輯運(yùn)算中導(dǎo)致混淆：

js
const flag: Boolean = new Boolean(false);
if (flag) {
  console.log("This will run!"); // 因?yàn)閷?duì)象始終為 truthy
}

性能開(kāi)銷更大：Boolean 會(huì)創(chuàng)建對(duì)象，而 boolean 是直接操作基本類型。

vue中的Boolean與boolean

Vue 的運(yùn)行時(shí)框架無(wú)法識(shí)別 boolean 類型，它依賴的是 JavaScript 的內(nèi)置構(gòu)造函數(shù)（如 Boolean、String、Number 等）來(lái)檢查和處理 props 類型。

因此，props的Type只能是Boolean、String或Number。

但是如果vue中開(kāi)啟了ts語(yǔ)法，就可以使用boolean 表示類型了

js
<script lang="ts" setup>
  
interface IProps {
    photoImages?: string[],
    isEdit?: boolean
}

const props = withDefaults(defineProps<IProps>(), {
    photoImages: () => [],
    isEdit: true
})

</script>

作者：快樂(lè)就是哈哈哈
鏈接：https://juejin.cn/post/7439576043223203892
來(lái)源：稀土掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。