首頁 > web前端 > js教程 > JS 函數、物件、字串

JS 函數、物件、字串

王林
發布: 2024-07-18 13:12:39
原創
920 人瀏覽過

JS Function, Object, String

  1. JavaScript 函數 是設計用來執行特定任務的程式碼區塊。當「某物」呼叫它(呼叫它)時,函數就會被執行。

  2. JavaScript 函數由 function 關鍵字定義,後面跟著名稱,後面跟著括號 ().

  3. 函數參數列在函數定義中的括號 () 內。函數參數是函數被呼叫時接收的值。在函數內部,參數(參數)表現為局部變數。

  4. 當 JavaScript 到達 return 語句時,函數將停止執行。如果函數是從語句呼叫的,JavaScript 將「傳回」以執行呼叫語句之後的程式碼。函數經常計算返回值。返回值被「返回」回「呼叫者」。

  5. () 運算子 呼叫(呼叫)函數。存取不帶 () 的函數會傳回函數,而不是函數結果。

  6. 物件字面量是花括號 {}中的名稱:值對的清單。

  7. 您可以透過兩種方式存取物件屬性 -
    objectName.propertyName, objectName["propertyName"]

  8. 物件是屬性和方法的容器。屬性是命名值。方法是儲存為屬性的函數。屬性可以是原始值、函數,甚至其他物件。對像是對象,數學是對象,函數是對象,日期是對象,陣列是對象,地圖是對象,集合是對象。除基元外,所有 JavaScript 值都是物件。

  9. 原始值是一個沒有屬性或方法的值。 3.14 是一個原始值。原始資料類型是具有原始值的資料。 JavaScript 定義了 7 種基本資料型別 -
    A) 字串
    B) 數字
    C) 布林值
    D) 空
    E) 未定義
    F) 符號
    G) bigint

  10. 原始值不可變的(它們是硬編碼的,無法更改)。

  11. 物件可變的。它們是透過引用而不是值來定址的。

  12. 物件是屬性的無序集合屬性JavaScript物件最重要的部分。屬性可以更改、新增、刪除,有些屬性是唯讀的

  13. delete 關鍵字從物件中刪除屬性。 delete 關鍵字會刪除屬性的值和屬性本身。

  14. 存取物件 方法- objectName.methodName()

  15. 物件新增新的方法 -
    person.name = function () {
    return this.firstName + " " + this.lastName;
    };

  16. toUpperCase() 方法將文字轉換為大寫。

  17. 顯示 JavaScript 物件的一些解決方案是 -
    依名稱顯示物件屬性,顯示物件
    循環中的屬性,使用 Object.values() 顯示對象,
    使用 JSON.stringify() 顯示物件

  18. 物件 For In 循環 -
    常量人 = {
    姓名:“約翰”,
    年齡:30,
    城市:「紐約」
    };
    讓文字=“”;
    對於(讓 x 本人){
    text += person[x] + " ";
    };
    document.getElementById("demo").innerHTML = text;

  19. 您必須在循環中使用 person[x]。 person.x 將無法運作(因為
    x 是循環變數)。

  20. Object.values() 根據屬性值建立一個陣列。
    範例 - Object.values(person)

  21. Object.entries() 使得在迴圈中使用物件變得簡單。

  22. JavaScript 物件可以透過 JSON 方法轉換為字串
    JSON.stringify().

  23. 要建立物件類型,我們使用物件建構子。
    函數 Person(名字、姓氏、年齡、眼睛) {
    this.firstName = 第一;
    this.lastName = 最後;
    this.age = 年齡;
    this.eyeColor = 眼睛;
    }
    const myFather = new Person("John", "Doe", 50, "blue");
    const myMother = new Person("Sally", "Rally", 48, "green");
    myMother.changeName = 函數(名稱){
    this.lastName = 姓名;
    }
    myMother.changeName("Doe");
    document.getElementById("demo").innerHTML =
    "我母親的姓氏是 " + myMother.lastName;
    這是範例!

  24. HTML 事件 是發生在 HTML 元素上的「事情」。當
    JavaScript 用於 HTML 頁面,JavaScript 可以對這些
    進行“反應” 活動。以下是 HTML 事件 -
    的一些範例 HTML 網頁已完成加載,HTML 輸入欄位為
    已更改,點擊了 HTML 按鈕。 常見 HTML 事件 -

onchange - HTML 元素已更改
onclick - 使用者點選 HTML 元素
onmouseover - 使用者將滑鼠移到 HTML 元素上
onmouseout - 使用者將滑鼠從 HTML 元素移開
onkeydown - 使用者按下鍵盤鍵
onload - 瀏覽器已完成頁面載入

字串

  1. 字串用於儲存文字。字串用
    書寫 引用

  2. 範本字串 是隨 ES6 (JavaScript
    2016)
    。模板是用 反引號 括起來的字串(這是一個
    模板字串)。模板允許在
    內使用單引號和雙引號 細繩。 Internet Explorer 不支援範本。

  3. 要找字串的長度,請使用內建長度
    財產。

  4. 反斜線轉義字元 () 會變成特殊字元
    轉換為字串字元。 let text = "我們是來自北方的所謂「維京人」。"; let text= '沒關係。 ';

  5. JavaScript 字串作為物件 - let y = new String("John");

  6. 不要建立 Strings 物件。 new關鍵字使程式碼變得複雜並降低了執行速度。 字串物件可能會產生意想不到的結果

  7. 比較兩個 JavaScript 物件總是回傳 false.

  8. 基本 字串方法 -

  • String length - length 屬性傳回 a 的長度 字串。
  • String charAt() - charAt() 方法傳回字符 在字串中的指定索引(位置)。
  • String charCodeAt() - charCodeAt() 方法傳回 字串中指定索引處的字元的代碼。這 方法傳回 UTF-16 代碼(0 到 65535 之間的整數)。
  • 字串 at()
  • 字串 [ ]
  • 字串切片()
  • 字串子字串()
  • 字串 substr()
  • 字串 toUpperCase()
  • 字串 toLowerCase()
  • 字串 concat()
  • 字串修剪()
  • 字串trimStart()
  • 字串trimEnd()
  • 字串 padStart()
  • 字串 padEnd()
  • 字串重複()
  • 字串替換()
  • 字串replaceAll()
  • 字串 split()

字串搜尋方法 -

  • 字串indexOf()
  • 字串lastIndexOf()
  • 字串搜尋()
  • 字串匹配()
  • 字串matchAll()
  • 字串包含()
  • 字串startsWith()
  • 字串以()結束

範本字串使用反引號 (``) 而不是引號 ("") 來定義字串。

以上是JS 函數、物件、字串的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板