新手自學筆記 Javascript Object 物件基礎

更新 發佈閱讀 2 分鐘

物件的操作流程:

  • 建立物件
  • 使用物件

基本語法:

let val=new Object();  // 創造一個新的物件 val=變數
val.name=Justin // 物件的成員 物件.名稱=資料

物件的函式:

let val=new Object();
  val.talk=function(){ // 物件的函式= 方法
    console.log("Hello Object");
}

呼叫函式的方法:

val.talk();

this 在物件的用法:

let val=new Object();
  val.name=Justin
  val.age=18
  val.talk=function(){
    console.log("大家好我叫"+this.name+",我今年"+this.age)
  } // 印出 大家好我叫Justin,我今年18歲

JSON 寫法:

let woman={  // 利用JSON 縮寫程式碼
  name:小美, // let 物件={資料名稱:資料,資料名稱:資料,...}
  age:20,
  talk:function(){
    console.log(this.name,this.age)
    }
  }

新手自己寫的筆記, 讓自己以後複習用
有錯誤的地方歡迎指正, 謝謝!

留言
avatar-img
Yu Chun的沙龍
0會員
7內容數
Yu Chun的沙龍的其他內容
2023/04/03
邏輯運算 || = or 或 ; true || false ⇒ true p.s 只要左右兩邊有一個true , 那就是true && = and 和 ; true && false ⇒ false p.s 兩邊都要一樣 ! = not ; !true ⇒ false ; 相反 邏輯運算的短路性
2023/04/03
邏輯運算 || = or 或 ; true || false ⇒ true p.s 只要左右兩邊有一個true , 那就是true && = and 和 ; true && false ⇒ false p.s 兩邊都要一樣 ! = not ; !true ⇒ false ; 相反 邏輯運算的短路性
2023/03/31
函式的核心組成: 函式的本體 函式的參數 函式的回傳值 函式的基本語法一: 程式碼範例 函式的基本語法二: 程式碼範例 箭頭函式語法: 省去關鍵字 function , 用 => 代替 程式碼範例 箭頭函式簡化寫法: 可以簡化的箭頭函式, 函式內部只有"回傳值": 箭頭函式簡化寫法範例: 箭頭函式簡
2023/03/31
函式的核心組成: 函式的本體 函式的參數 函式的回傳值 函式的基本語法一: 程式碼範例 函式的基本語法二: 程式碼範例 箭頭函式語法: 省去關鍵字 function , 用 => 代替 程式碼範例 箭頭函式簡化寫法: 可以簡化的箭頭函式, 函式內部只有"回傳值": 箭頭函式簡化寫法範例: 箭頭函式簡
2023/03/30
AJAX // XHR是什麼: 利用 Javascript 程式進行連線 近期使用最新的 fetch fetch 函示基本語法: 處理不同格式的語法: 根據連線後回傳的資料格式, 寫出相對應的程式 取得純文字資料的回應 取得 JSON 資料的回應 練習:
2023/03/30
AJAX // XHR是什麼: 利用 Javascript 程式進行連線 近期使用最新的 fetch fetch 函示基本語法: 處理不同格式的語法: 根據連線後回傳的資料格式, 寫出相對應的程式 取得純文字資料的回應 取得 JSON 資料的回應 練習:
看更多
你可能也想看
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
Thumbnail
個人IP打造教學:從定位、內容規劃到成功關鍵,完整解析個人品牌經營策略。個人IP就像你的個人名片、定位。定位不同,吸引來的客群自然就不同。這篇文章透過幾項小作業,帶你打造主人設、差異化標籤,結合實用小工具幫助你快速塑造獨特IP,再也不用怕經營自媒體不知道拍攝什麼影片啦!
Thumbnail
個人IP打造教學:從定位、內容規劃到成功關鍵,完整解析個人品牌經營策略。個人IP就像你的個人名片、定位。定位不同,吸引來的客群自然就不同。這篇文章透過幾項小作業,帶你打造主人設、差異化標籤,結合實用小工具幫助你快速塑造獨特IP,再也不用怕經營自媒體不知道拍攝什麼影片啦!
Thumbnail
一年以下工作經驗,月薪大約是 4~6 萬(資料來源: 104)
Thumbnail
一年以下工作經驗,月薪大約是 4~6 萬(資料來源: 104)
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
Thumbnail
本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
Thumbnail
在AI浪潮下,009819 中信美國數據中心及電力ETF 直接卡位算力與電力雙主軸,等於掌握AI最核心基建。2008從 Apple Inc. 與 iPhone 帶動供應鏈,到如今AI崛起,主線已由應用端轉向底層。AI發展離不開算力與電力支撐,009819的價值,在於押中「沒有它不行」的核心資產。
Thumbnail
本章節是Java入門的第八天,主要介紹物件導向的概念。這包括了類別、建構子、存取修飾子、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、Lambda表達式、泛型和反射等主題。每個主題都配有相關的程式碼範例,以協助讀者更好地理解這些概念。
Thumbnail
本章節是Java入門的第八天,主要介紹物件導向的概念。這包括了類別、建構子、存取修飾子、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、Lambda表達式、泛型和反射等主題。每個主題都配有相關的程式碼範例,以協助讀者更好地理解這些概念。
Thumbnail
今天我們會繼續用CodePen。 為何需要Object(物件) 在開始介紹object之前,我們先來討論object為何需要存在。 想像我們有一筆關於網站使用者的資料,裡面包含使用者名稱、年紀,還有sayHelloToUser()這個function。 我們可以逐個定義、宣告這些資料。
Thumbnail
今天我們會繼續用CodePen。 為何需要Object(物件) 在開始介紹object之前,我們先來討論object為何需要存在。 想像我們有一筆關於網站使用者的資料,裡面包含使用者名稱、年紀,還有sayHelloToUser()這個function。 我們可以逐個定義、宣告這些資料。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
黃金圈(Golden Circle)是由 西蒙·斯涅克(Simon Sinek)提出的。他在 2009 年的TED演講《如何激勵偉大的行動》中首次公開闡述這個概念。 黃金圈由三層圓圈組成,核心三個問題分別是 Why How What
Thumbnail
黃金圈(Golden Circle)是由 西蒙·斯涅克(Simon Sinek)提出的。他在 2009 年的TED演講《如何激勵偉大的行動》中首次公開闡述這個概念。 黃金圈由三層圓圈組成,核心三個問題分別是 Why How What
Thumbnail
這些章節的目的是為了介紹JavaScript中的各種數據類型,包括基礎類型和物件類型,以及如何將數據從一種類型轉換為另一種類型。此外,還介紹了如何創建自定義類型,以及如何使用JavaScript中的陣列、集合和字典。
Thumbnail
這些章節的目的是為了介紹JavaScript中的各種數據類型,包括基礎類型和物件類型,以及如何將數據從一種類型轉換為另一種類型。此外,還介紹了如何創建自定義類型,以及如何使用JavaScript中的陣列、集合和字典。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News