JavaScript 程式碼片段

資料類型

原始資料類型

數字

字串

布林值

未定義：

空

符號

BigInt

非數字 (NaN)
NaN 代表“Not-a-Number”，表示不是合法數字的值

如何檢查資料型別？

班級

1) 類別只能有一個建構子

遺產

取得和設定

立即呼叫函數表達式 (IIFE)

IIFE 是一個一旦定義就運行的函數

高階函數

高階函數是將其他函數作為參數或傳回函數作為結果的函數

可變陰影

當局部變數與外部作用域中的變數同名時，就會發生變數遮蔽。
局部變數會覆寫或隱藏其自身作用域內的外部變數。
外部變數保持不變，可以在本地範圍之外存取。

在 JavaScript 中存取 HTML 元素

在 JavaScript 中存取 HTML 元素有多種方法：

依 ID 選取元素：

依類別名稱選取元素：

依標記名選擇元素：

CSS 選擇器：

按值傳遞

透過引用傳遞

使用嚴格

它將 JavaScript 引擎切換到嚴格模式，捕捉常見的編碼錯誤並引發更多異常。

擴充運算符

它允許在需要零個或多個參數或元素的地方擴展可迭代對象，例如數組或字串

實例化

運算子檢查物件是否為特定類別或建構子的實例。

篩選

此方法建立一個新數組，其中包含透過所提供函數實現的測試的所有元素。

減少

此方法對陣列的每個元素執行歸約函數，從而產生單一輸出值。

休息

此參數語法允許函數接受不定數量的參數作為陣列。

聲明類型

隱式全域變數
隱式全域變數是在分配值時在全域範圍內自動建立的變量，而無需使用 var、let 或 const 等關鍵字明確聲明。但如果處於嚴格模式
，則會拋出錯誤

常數
它聲明了一個不能重新賦值的常數。

讓
它聲明了一個區塊作用域變數。
無法使用相同名稱重新初始化

var
它聲明一個函數範圍或全域範圍的變數。它鼓勵提升和重新分配。

綜合事件

合成事件：React 提供了一個圍繞本機瀏覽器事件的 SyntheticEvent 包裝器。此包裝器規範了不同瀏覽器之間的事件屬性和行為，確保無論瀏覽器如何，您的事件處理程式碼都以相同的方式運作。

JavaScript 中的提升

提升是一種 JavaScript 機制，其中變數和函數宣告在編譯階段被移動到其包含範圍的頂部，從而允許它們在程式碼中宣告之前使用。但是，僅提升聲明，而不提升初始化。

類型強制

它是將值從一種資料型別自動轉換為另一種資料型別。強制轉換有兩種類型：隱式強制轉換和明確強制轉換。

隱性強制

例如

明確強制

當我們使用內建函數手動將值從一種類型轉換為另一種類型時，就會發生這種情況。

let num = 5; let str = String(num); // "5" let str2 = num.toString(); // "5" let str3 = `${num}`; // "5"

Truthy Values

Non-zero numbers (positive and negative)
Non-empty strings
Objects (including arrays and functions)
Symbol
BigInt values (other than 0n)

Falsy Values

0 (zero)
-0 (negative zero)
0n (BigInt zero)
"" (empty string)
null
undefined
NaN (Not-a-Number)

Props (Properties)

To pass data from a parent component to a child component. It is immutable (read-only) within the child component.

// Parent Component function Parent() { const data = "Hello from Parent!"; return ; } // Child Component function Child(props) { return 
{props.message}
; }

State

To manage data that can change over time within a component. It is mutable within the component.

// Function Component using useState import { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return ( 
 
Count: {count}
  setCount(count + 1)}>Increment 
 ); }

Closure

A closure in JavaScript is a feature where an inner function has access to the outer (enclosing) function's variables and scope chain even after the outer function has finished executing.

function outerFunction(outerVariable) { return function innerFunction(innerVariable) { console.log('Outer Variable:', outerVariable); console.log('Inner Variable:', innerVariable); }; } const newFunction = outerFunction('outside'); newFunction('inside');

Currying

Currying is a technique of transforming a function that takes multiple arguments into a sequence of functions that each take a single argument.

function add(a) { return function(b) { return a + b; }; } const add5 = add(5); console.log(add5(3)); // Output: 8 console.log(add(2)(3)); // Output: 5

Generators

Generators are special functions that can be paused and resumed, allowing you to generate a sequence of values over time.

function* generateSequence() { yield 1; yield 2; yield 3; } const generator = generateSequence(); console.log(generator.next()); // { value: 1, done: false } console.log(generator.next()); // { value: 2, done: false } console.log(generator.next()); // { value: 3, done: false } console.log(generator.next()); // { value: undefined, done: true }

Stay Connected!
If you enjoyed this post, don’t forget to follow me on social media for more updates and insights:

Twitter:madhavganesan
Instagram:madhavganesan
LinkedIn:madhavganesan

以上是JavaScript 程式碼片段的詳細內容。更多資訊請關注PHP中文網其他相關文章！