新手自學筆記 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
留言分享你的想法!
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
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
個人IP打造教學:從定位、內容規劃到成功關鍵,完整解析個人品牌經營策略。個人IP就像你的個人名片、定位。定位不同,吸引來的客群自然就不同。這篇文章透過幾項小作業,帶你打造主人設、差異化標籤,結合實用小工具幫助你快速塑造獨特IP,再也不用怕經營自媒體不知道拍攝什麼影片啦!
Thumbnail
個人IP打造教學:從定位、內容規劃到成功關鍵,完整解析個人品牌經營策略。個人IP就像你的個人名片、定位。定位不同,吸引來的客群自然就不同。這篇文章透過幾項小作業,帶你打造主人設、差異化標籤,結合實用小工具幫助你快速塑造獨特IP,再也不用怕經營自媒體不知道拍攝什麼影片啦!
Thumbnail
黃金圈(Golden Circle)是由 西蒙·斯涅克(Simon Sinek)提出的。他在 2009 年的TED演講《如何激勵偉大的行動》中首次公開闡述這個概念。 黃金圈由三層圓圈組成,核心三個問題分別是 Why How What
Thumbnail
黃金圈(Golden Circle)是由 西蒙·斯涅克(Simon Sinek)提出的。他在 2009 年的TED演講《如何激勵偉大的行動》中首次公開闡述這個概念。 黃金圈由三層圓圈組成,核心三個問題分別是 Why How What
Thumbnail
今天我們會繼續用CodePen。 為何需要Object(物件) 在開始介紹object之前,我們先來討論object為何需要存在。 想像我們有一筆關於網站使用者的資料,裡面包含使用者名稱、年紀,還有sayHelloToUser()這個function。 我們可以逐個定義、宣告這些資料。
Thumbnail
今天我們會繼續用CodePen。 為何需要Object(物件) 在開始介紹object之前,我們先來討論object為何需要存在。 想像我們有一筆關於網站使用者的資料,裡面包含使用者名稱、年紀,還有sayHelloToUser()這個function。 我們可以逐個定義、宣告這些資料。
Thumbnail
一年以下工作經驗,月薪大約是 4~6 萬(資料來源: 104)
Thumbnail
一年以下工作經驗,月薪大約是 4~6 萬(資料來源: 104)
Thumbnail
本章節是Java入門的第八天,主要介紹物件導向的概念。這包括了類別、建構子、存取修飾子、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、Lambda表達式、泛型和反射等主題。每個主題都配有相關的程式碼範例,以協助讀者更好地理解這些概念。
Thumbnail
本章節是Java入門的第八天,主要介紹物件導向的概念。這包括了類別、建構子、存取修飾子、繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、Lambda表達式、泛型和反射等主題。每個主題都配有相關的程式碼範例,以協助讀者更好地理解這些概念。
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
Thumbnail
這篇文章介紹了面試時以及開始工作後可能會遇到的問題,包括物件導向OOP、SOLID 設計原則、測試方式,以及 Cookie、Session 與 Cache 的相似處與不同處。提供了豐富的相關資訊。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News