JavaScript 物件基礎 - Front End 網頁前端工程教學

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ม.ค. 2025

ความคิดเห็น • 37

  • @moby7637
    @moby7637 2 ปีที่แล้ว +8

    總算有老師能用初學者聽得懂的方式來解說物件基礎,
    (我總算懂了)
    每個字的內容含量都很高!
    謝謝彭彭老師!

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +5

      讚讚,很喜歡看到這樣的回饋,也很高興對你有幫助 :)

  • @Thorn_Rose
    @Thorn_Rose 9 หลายเดือนก่อน +2

    十分感謝這麼清楚的教學,受益良多,尤其在看到JSON全名那一刻,整個被震撼到了,用了這麼久到現在才知道XD

    • @cwpeng-course
      @cwpeng-course  9 หลายเดือนก่อน +1

      謝謝你的回饋,哈哈哈,JSON 全名真的很有意義 XDDD

  • @AK-di6xs
    @AK-di6xs ปีที่แล้ว +3

    謝謝彭彭老師~ 用了這麼久的JSON 現在才發現原來JSON是拿來給JS建立物件用的XD





    JavaScript 物件基礎




    // 建立物件
    let man = new Object(); // 建立空白物件 new Object()
    man.age=18; // 物件.成員名稱=資料
    man.name="小王";
    man.talk=function(){
    console.log("hello 我是", this.name , "今年", this.age,"歲")
    }
    // 使用物件
    console.log(man);
    man.talk();
    console.log(man.age>20);

    // 使用 JSON 建立物件
    let woman={
    age:15,
    name:"小芬",
    talk:function(){
    console.log("hello 我是", this.name , "今年", this.age,"歲")
    }
    }
    console.log(woman);
    woman.talk();
    console.log(woman.age>20);

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +2

      是的,最原始的來源確實是 JavaScript 物件表示法 XDDDD

  • @headach09
    @headach09 2 ปีที่แล้ว +3

    彭彭的new Object 與 JSON的寫法講得很請楚,謝謝

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

      謝謝你的回饋,很高興對你有幫助 :)

  • @Conan_Chang
    @Conan_Chang 5 หลายเดือนก่อน +2

    阿哈哈
    在學老師您講解的pyton{字典}的時候,就一直提JSON,今天終於知道他的廬山真面目。

    • @cwpeng-course
      @cwpeng-course  5 หลายเดือนก่อน +2

      哈哈哈,是呀,JSON 是一個很廣泛被應用的資料交換格式 ~

  • @estherlee7615
    @estherlee7615 2 ปีที่แล้ว +2

    看了好多教學都不太懂屬性與方法的差別,直到最近開始每集追老師這個系列的影片終於了解了!

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

      感覺很棒,很高興對你有幫助 :)

  • @gary12216
    @gary12216 2 ปีที่แล้ว +2

    講解得非常清楚,感謝!

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

      讚讚,感謝你的回饋 :)

  • @北科大-蘇詳崴
    @北科大-蘇詳崴 2 ปีที่แล้ว +6

    終於知道Json的含意是什麼了 謝謝老師

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +2

      謝謝回饋,很高興對你有幫助哦 :)

  • @strangeDog
    @strangeDog 2 ปีที่แล้ว +2

    講得太好了,感謝分享

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

      不會,希望對你有幫助 :)

  • @山田林-f5b
    @山田林-f5b 2 หลายเดือนก่อน +1

    113105謝謝彭彭

  • @fatblackcatslife.9970
    @fatblackcatslife.9970 2 ปีที่แล้ว +2

    老師說得很清楚,我這個部份看了很多次(別的書,或是其他人的講解),我看完還是一知半解,也不知道如何問起。今天終於知道那在幹嘛了

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +1

      讚讚,謝謝你的回饋,也很高興有幫到你 :)

  • @姚字丞
    @姚字丞 2 ปีที่แล้ว +2

  • @yhk5786
    @yhk5786 ปีที่แล้ว +2

    彭彭老師您好,想請教:14:58的畫面,如果寫obj.show();,結果是: 3 4
    答案中間有空格隔開,請問這是會自動隔開的嗎?
    (因為我之前學,是寫 console.log(this.x+","+this.y) ,結果會是: 3,4
     我以為都要自己寫隔開,呈現出來的結果才會隔開😆)

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +4

      console.log() 可以接受多個參數,用逗號隔開,他在顯示時會自動把兩個資料稍微間隔一點距離。前面的寫法是自己串成一個字串,用一個參數傳進去,都是可以的。

    • @yhk5786
      @yhk5786 ปีที่แล้ว +1

      了解!!! 感謝彭彭老師教學,還耐心回復疑問,好人一生平安😇

  • @大衛王-c2d
    @大衛王-c2d ปีที่แล้ว +2

    為什麼老師的物件跟其他台的不一樣,其他台的物件像是字典的格式

    • @大衛王-c2d
      @大衛王-c2d ปีที่แล้ว +1

      看到了後面了解了,一般適用json寫法,感謝老師

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +1

      恭喜想過去了,很棒 :)

  • @josefinexuelihogberg2876
    @josefinexuelihogberg2876 2 ปีที่แล้ว +1

    彭彭老师,感谢你的细致讲解!最后呼叫物件函式的时候,为什么不能用this.talk(); 而必须用man.talk()呢?

    • @洪嘉良-d3v
      @洪嘉良-d3v 2 ปีที่แล้ว +3

      同學你好XD
      this需在物件方法中才能使用喔
      因為man.talk()的位置已經跳出函式外了
      在這邊用this可能有不同的意義
      可以看一下 28:32 、13:46
      且this是物件方法中,用來引入同物件的屬性用
      不能引入物件的方法
      我也正在看老師的教學
      如果有觀念錯誤再請前輩們指正

    • @josefinexuelihogberg2876
      @josefinexuelihogberg2876 2 ปีที่แล้ว +2

      @@洪嘉良-d3v 谢谢你的解释,现在明白了。

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +2

      感謝 @洪嘉良 說明 :)

  • @0xLitchi
    @0xLitchi ปีที่แล้ว +1

    想請問老師在35:48的示範,31行和33行都有 ; 符號。但在做的時候剛好有漏打33行的 ;,程式仍然可以正確執行。
    加上 ; 是為了防止錯誤出現嗎

    • @cwpeng-course
      @cwpeng-course  ปีที่แล้ว +2

      JavaScript 接受程式不加分號,我個人習慣都會加分號,通常是統一處理就好。

  • @yk7697
    @yk7697 2 ปีที่แล้ว +2

    let 好像可省略 ?

    • @cwpeng-course
      @cwpeng-course  2 ปีที่แล้ว +4

      省略確實也可以運作,但建議使用變數要明確宣告,是比較好的做法。