JavaScript Data Types: Primitive vs Reference
Jul 13, 2025 am 02:43 AMJavaScript's data types are divided into primitive types and reference types. Primitive types include string, number, boolean, null, undefined, and symbol. The values are immutable and copy copies when assigned, so they do not affect each other; reference types such as objects, arrays and functions store memory addresses, and variables pointing to the same object will affect each other. Typeof and instanceof can be used to determine types, but pay attention to the historical problem of typeof null. Understanding these two types of differences can help write more stable and reliable code.
JavaScript data types are divided into two categories: Primitive and Reference. Understanding the difference between them is critical to writing more stable and predictable code.

Primitive types are immutable values
There are six primitive data types in JavaScript: string
, number
, boolean
, null
, undefined
, and symbol
(new in ES6). These types of values are immutable, which means that you cannot change an original value itself, you can only replace it with a new value.
for example:

let name = "Tom"; name.toUpperCase(); // Returns "TOM", but name itself is still "Tom"
This means that the operation of the original type will not modify the original value, but will return a new value. When you assign a primitive type to another variable, you actually copy the copy of this value:
let a = 10; let b = a; b = 20; console.log(a); // Still 10
Therefore, the assignment and operation of the original type are independent and do not affect each other.

The reference type points to the memory address
Reference types mainly include objects (Object), arrays (Array) and functions (Function). They store "references" to a location in memory, not the actual data itself.
See an example:
let obj1 = { name: "Alice" }; let obj2 = obj1; obj2.name = "Bob"; console.log(obj1.name); // Output Bob
Here obj2
does not copy obj1
's content, but points to the same memory address. Therefore, modifying the attributes of obj2
will also affect obj1
.
The same situation will also occur when the function passes arguments:
function changeName(user) { user.name = "Changed"; } let person = { name: "Original" }; changeName(person); console.log(person.name); // Output Changed
Because what is passed in is a reference to the object, modifications to the object inside the function will affect the outside.
Tips for judging types
To determine whether a variable is a primitive type or a reference type, you can use typeof
and instanceof
:
-
typeof
recognizes most primitive types (exceptnull
will return"object"
) -
instanceof
is used to determine the specific constructor of reference type
For example:
typeof 42; // "number" typeof "hello"; // "string" typeof true; // "boolean" typeof null; // "object" (this is a historical issue with JS) typeof {}; // "object" typeof function(){}; // "function" (special reference type)
If you want to accurately judge null
, you can use === null
to handle it separately.
Basically that's it. Understanding the difference between primitive types and reference types can help you avoid many unexpected problems, especially when dealing with complex structures or function parameter passing.
The above is the detailed content of JavaScript Data Types: Primitive vs Reference. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

AgeneratorinPHPisamemory-efficientwaytoiterateoverlargedatasetsbyyieldingvaluesoneatatimeinsteadofreturningthemallatonce.1.Generatorsusetheyieldkeywordtoproducevaluesondemand,reducingmemoryusage.2.Theyareusefulforhandlingbigloops,readinglargefiles,or

To prevent session hijacking in PHP, the following measures need to be taken: 1. Use HTTPS to encrypt the transmission and set session.cookie_secure=1 in php.ini; 2. Set the security cookie attributes, including httponly, secure and samesite; 3. Call session_regenerate_id(true) when the user logs in or permissions change to change to change the SessionID; 4. Limit the Session life cycle, reasonably configure gc_maxlifetime and record the user's activity time; 5. Prohibit exposing the SessionID to the URL, and set session.use_only

The urlencode() function is used to encode strings into URL-safe formats, where non-alphanumeric characters (except -, _, and .) are replaced with a percent sign followed by a two-digit hexadecimal number. For example, spaces are converted to signs, exclamation marks are converted to!, and Chinese characters are converted to their UTF-8 encoding form. When using, only the parameter values ??should be encoded, not the entire URL, to avoid damaging the URL structure. For other parts of the URL, such as path segments, the rawurlencode() function should be used, which converts the space to . When processing array parameters, you can use http_build_query() to automatically encode, or manually call urlencode() on each value to ensure safe transfer of data. just

You can use substr() or mb_substr() to get the first N characters in PHP. The specific steps are as follows: 1. Use substr($string,0,N) to intercept the first N characters, which is suitable for ASCII characters and is simple and efficient; 2. When processing multi-byte characters (such as Chinese), mb_substr($string,0,N,'UTF-8'), and ensure that mbstring extension is enabled; 3. If the string contains HTML or whitespace characters, you should first use strip_tags() to remove the tags and trim() to clean the spaces, and then intercept them to ensure the results are clean.

In PHP, you can use square brackets or curly braces to obtain string specific index characters, but square brackets are recommended; the index starts from 0, and the access outside the range returns a null value and cannot be assigned a value; mb_substr is required to handle multi-byte characters. For example: $str="hello";echo$str[0]; output h; and Chinese characters such as mb_substr($str,1,1) need to obtain the correct result; in actual applications, the length of the string should be checked before looping, dynamic strings need to be verified for validity, and multilingual projects recommend using multi-byte security functions uniformly.

There are two main ways to get the last N characters of a string in PHP: 1. Use the substr() function to intercept through the negative starting position, which is suitable for single-byte characters; 2. Use the mb_substr() function to support multilingual and UTF-8 encoding to avoid truncating non-English characters; 3. Optionally determine whether the string length is sufficient to handle boundary situations; 4. It is not recommended to use strrev() substr() combination method because it is not safe and inefficient for multi-byte characters.

To set and get session variables in PHP, you must first always call session_start() at the top of the script to start the session. 1. When setting session variables, use $_SESSION hyperglobal array to assign values ??to specific keys, such as $_SESSION['username']='john_doe'; it can store strings, numbers, arrays and even objects, but avoid storing too much data to avoid affecting performance. 2. When obtaining session variables, you need to call session_start() first, and then access the $_SESSION array through the key, such as echo$_SESSION['username']; it is recommended to use isset() to check whether the variable exists to avoid errors

Execution of SELECT queries using PHP's preprocessing statements can effectively prevent SQL injection and improve security. 1. Preprocessing statements separate SQL structure from data, send templates first and then pass parameters to avoid malicious input tampering with SQL logic; 2. PDO and MySQLi extensions commonly used in PHP realize preprocessing, among which PDO supports multiple databases and unified syntax, suitable for newbies or projects that require portability; 3. MySQLi is specially designed for MySQL, with better performance but less flexibility; 4. When using it, you should select appropriate placeholders (such as? or named placeholders) and bind parameters through execute() to avoid manually splicing SQL; 5. Pay attention to processing errors and empty results to ensure the robustness of the code; 6. Close it in time after the query is completed.
