亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄
原始類(lèi)型是不可變的值
引用類(lèi)型指向的是內(nèi)存地址
判斷類(lèi)型的小技巧
首頁(yè) web前端 js教程 JavaScript數(shù)據(jù)類(lèi)型:原始與參考

JavaScript數(shù)據(jù)類(lèi)型:原始與參考

Jul 13, 2025 am 02:43 AM
php java

JavaScript 的數(shù)據(jù)類(lèi)型分為原始類(lèi)型和引用類(lèi)型。原始類(lèi)型包括string、number、boolean、null、undefined 和symbol,其值不可變且賦值時(shí)復(fù)制副本,因此互不影響;引用類(lèi)型如對(duì)象、數(shù)組和函數(shù)存儲(chǔ)的是內(nèi)存地址,指向同一對(duì)象的變量會(huì)相互影響。判斷類(lèi)型可用typeof 和instanceof,但需注意typeof null 的歷史問(wèn)題。理解這兩類(lèi)差異有助於編寫(xiě)更穩(wěn)定可靠的代碼。

JavaScript Data Types: Primitive vs Reference

JavaScript 的數(shù)據(jù)類(lèi)型分為兩大類(lèi):原始類(lèi)型(Primitive)和引用類(lèi)型(Reference)。理解它們之間的區(qū)別,對(duì)於寫(xiě)出更穩(wěn)定、可預(yù)測(cè)的代碼非常關(guān)鍵。

JavaScript Data Types: Primitive vs Reference

原始類(lèi)型是不可變的值

JavaScript 中有六種原始數(shù)據(jù)類(lèi)型: string 、 numberboolean 、 nullundefinedsymbol (ES6 新增)。這些類(lèi)型的值是不可變的,也就是說(shuō)你不能改變一個(gè)原始值本身,只能用新的值去替換它。

比如:

JavaScript Data Types: Primitive vs Reference
 let name = "Tom";
name.toUpperCase(); // 返回"TOM",但name 本身還是"Tom"

這說(shuō)明原始類(lèi)型的操作不會(huì)修改原值,而是返回一個(gè)新值。當(dāng)你把一個(gè)原始類(lèi)型賦值給另一個(gè)變量時(shí),其實(shí)是複制了這個(gè)值的副本:

 let a = 10;
let b = a;
b = 20;
console.log(a); // 還是10

所以對(duì)原始類(lèi)型的賦值和操作都是獨(dú)立的,互不影響。

JavaScript Data Types: Primitive vs Reference

引用類(lèi)型指向的是內(nèi)存地址

引用類(lèi)型主要包括對(duì)象(Object)、數(shù)組(Array)和函數(shù)(Function)。它們存儲(chǔ)的是指向內(nèi)存中某個(gè)位置的“引用”,而不是實(shí)際的數(shù)據(jù)本身。

看個(gè)例子:

 let obj1 = { name: "Alice" };
let obj2 = obj1;
obj2.name = "Bob";
console.log(obj1.name); // 輸出Bob

這裡obj2並沒(méi)有復(fù)制obj1的內(nèi)容,而是指向了同一個(gè)內(nèi)存地址。因此修改obj2的屬性,也會(huì)影響obj1 。

同樣的情況也會(huì)出現(xiàn)在函數(shù)傳參的時(shí)候:

 function changeName(user) {
  user.name = "Changed";
}

let person = { name: "Original" };
changeName(person);
console.log(person.name); // 輸出Changed

因?yàn)閭魅氲氖菍?duì)象的引用,函數(shù)內(nèi)部對(duì)對(duì)象的修改會(huì)影響到外部。

判斷類(lèi)型的小技巧

判斷一個(gè)變量是原始類(lèi)型還是引用類(lèi)型,可以用typeofinstanceof

  • typeof可以識(shí)別大多數(shù)原始類(lèi)型(除了null會(huì)返回"object"
  • instanceof用於判斷引用類(lèi)型的具體構(gòu)造函數(shù)

例如:

 typeof 42; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof null; // "object"(這是JS 的歷史問(wèn)題)
typeof {}; // "object"
typeof function(){}; // "function"(特殊引用類(lèi)型)

如果想準(zhǔn)確判斷null ,可以用=== null來(lái)單獨(dú)處理。


基本上就這些。理解原始類(lèi)型和引用類(lèi)型的區(qū)別,能幫助你避免很多意想不到的問(wèn)題,尤其是在處理複雜結(jié)構(gòu)或者函數(shù)參數(shù)傳遞時(shí)特別重要。

以上是JavaScript數(shù)據(jù)類(lèi)型:原始與參考的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

熱門(mén)話題

Laravel 教程
1597
29
PHP教程
1488
72
VSCODE設(shè)置。 JSON位置 VSCODE設(shè)置。 JSON位置 Aug 01, 2025 am 06:12 AM

settings.json文件位於用戶級(jí)或工作區(qū)級(jí)路徑,用於自定義VSCode設(shè)置。 1.用戶級(jí)路徑:Windows為C:\Users\\AppData\Roaming\Code\User\settings.json,macOS為/Users//Library/ApplicationSupport/Code/User/settings.json,Linux為/home//.config/Code/User/settings.json;2.工作區(qū)級(jí)路徑:項(xiàng)目根目錄下的.vscode/settings

如何使用JDBC處理Java的交易? 如何使用JDBC處理Java的交易? Aug 02, 2025 pm 12:29 PM

要正確處理JDBC事務(wù),必須先關(guān)閉自動(dòng)提交模式,再執(zhí)行多個(gè)操作,最後根據(jù)結(jié)果提交或回滾;1.調(diào)用conn.setAutoCommit(false)以開(kāi)始事務(wù);2.執(zhí)行多個(gè)SQL操作,如INSERT和UPDATE;3.若所有操作成功則調(diào)用conn.commit(),若發(fā)生異常則調(diào)用conn.rollback()確保數(shù)據(jù)一致性;同時(shí)應(yīng)使用try-with-resources管理資源,妥善處理異常並關(guān)閉連接,避免連接洩漏;此外建議使用連接池、設(shè)置保存點(diǎn)實(shí)現(xiàn)部分回滾,並保持事務(wù)盡可能短以提升性能。

在Java的掌握依賴注入春季和Guice 在Java的掌握依賴注入春季和Guice Aug 01, 2025 am 05:53 AM

依賴性(di)IsadesignpatternwhereObjectsReceivedenciesenciesExtern上,推廣looseSecouplingAndEaseerTestingThroughConstructor,setter,orfieldInjection.2.springfraMefringframeWorkSannotationsLikeLikeLike@component@component,@component,@service,@autowiredwithjava-service和@autowiredwithjava-ligatiredwithjava-lase-lightike

Python Itertools組合示例 Python Itertools組合示例 Jul 31, 2025 am 09:53 AM

itertools.combinations用於生成從可迭代對(duì)像中選取指定數(shù)量元素的所有不重複組合(順序無(wú)關(guān)),其用法包括:1.從列表中選2個(gè)元素組合,如('A','B')、('A','C')等,避免重複順序;2.對(duì)字符串取3個(gè)字符組合,如"abc"、"abd",適用於子序列生成;3.求兩數(shù)之和等於目標(biāo)值的組合,如1 5=6,簡(jiǎn)化雙重循環(huán)邏輯;組合與排列的區(qū)別在於順序是否重要,combinations視AB與BA為相同,而permutations視為不同;

Python Pytest夾具示例 Python Pytest夾具示例 Jul 31, 2025 am 09:35 AM

fixture是用於為測(cè)試提供預(yù)設(shè)環(huán)境或數(shù)據(jù)的函數(shù),1.使用@pytest.fixture裝飾器定義fixture;2.在測(cè)試函數(shù)中以參數(shù)形式註入fixture;3.yield之前執(zhí)行setup,之後執(zhí)行teardown;4.通過(guò)scope參數(shù)控製作用域,如function、module等;5.將共用fixture放在conftest.py中實(shí)現(xiàn)跨文件共享,從而提升測(cè)試的可維護(hù)性和復(fù)用性。

了解Java虛擬機(jī)(JVM)內(nèi)部 了解Java虛擬機(jī)(JVM)內(nèi)部 Aug 01, 2025 am 06:31 AM

TheJVMenablesJava’s"writeonce,runanywhere"capabilitybyexecutingbytecodethroughfourmaincomponents:1.TheClassLoaderSubsystemloads,links,andinitializes.classfilesusingbootstrap,extension,andapplicationclassloaders,ensuringsecureandlazyclassloa

如何使用Java的日曆? 如何使用Java的日曆? Aug 02, 2025 am 02:38 AM

使用java.time包中的類(lèi)替代舊的Date和Calendar類(lèi);2.通過(guò)LocalDate、LocalDateTime和LocalTime獲取當(dāng)前日期時(shí)間;3.使用of()方法創(chuàng)建特定日期時(shí)間;4.利用plus/minus方法不可變地增減時(shí)間;5.使用ZonedDateTime和ZoneId處理時(shí)區(qū);6.通過(guò)DateTimeFormatter格式化和解析日期字符串;7.必要時(shí)通過(guò)Instant與舊日期類(lèi)型兼容;現(xiàn)代Java中日期處理應(yīng)優(yōu)先使用java.timeAPI,它提供了清晰、不可變且線

使用PHP進(jìn)行數(shù)據(jù)刮擦和Web自動(dòng)化 使用PHP進(jìn)行數(shù)據(jù)刮擦和Web自動(dòng)化 Aug 01, 2025 am 07:45 AM

使用guazzleforbusthttprequestswithheadersand andtimeouts.2.parsehtmleffitedlywithsymfonydomcrawlerusingcssselectors.3.handlejavascript-heavysitesby-heavysitesbyintegrationpuppeepetementegratingpuppeeteviaphpage()

See all articles