日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > javascript >内容正文

javascript

Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历

發布時間：2023/12/10 javascript 47 豆豆

目錄

一.目的

1.想：學習前端知識

2.想：記錄筆記，下次不用看視頻，直接看筆記就可以快速回憶。

二.參考

1.我自己代碼的GitHub網址

2.SIKI學院:我參考此視頻實操

3.w3school官網:當做字典使用

4.菜鳥教程：當做字典使用

三.注意

操作:1:成功:309-如何創建對象

1.運行結果:成功:1.第一種創建對象,key value:鍵值對+?2.第二種創建對象，var user2=new Object();

操作:2:成功:310-如何創建構造函數

1.運行結果:成功:

操作:3:成功:311-給對象添加普通函數和對象屬性的遍歷

1.運行結果:成功:

一.目的

1.想：學習前端知識

2.想：記錄筆記，下次不用看視頻，直接看筆記就可以快速回憶。

二.參考

1.我自己代碼的GitHub網址

?????GitHub - xzy506670541/WebTest: SIKI學院的Web前端

2.SIKI學院:我參考此視頻實操

登錄 - SiKi學院 - 生命不息，學習不止！siki老師的Unity3D專業視頻學習平臺，上千門實時更新課程，供學員在線觀看，為國內開發者提供最新、最全、最快的視頻學習教程http://www.sikiedu.com/my/course/212

  • 我參考此視頻實操

    • 3.w3school官網:當做字典使用

    w3school 在線教程

    4.菜鳥教程：當做字典使用

    菜鳥教程 - 學的不僅是技術，更是夢想！

    三.注意

    操作:1:成功:309-如何創建對象

    1.運行結果:成功:1.第一種創建對象,key value:鍵值對+?2.第二種創建對象，var user2=new Object();

    <!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.第一種創建對象,key value:鍵值對user1 = {name: "xzy",age: 18,sex: "男"};console.log("測試1：" + user1.name);console.log("測試1：" + user1.age);console.log("測試1：" + user1.sex);user1.age = 20;console.log("測試1：" + user1.age);console.log("");// 2.第二種創建對象，var user2=new Object();var user2 = new Object();user2.name = "帥哥XZY";user2.age = 21;user2.sex = "男";console.log("測試2：" + user2.name);console.log("測試2：" + user2.age);console.log("測試2：" + user2.sex);</script></head><body></body> </html>

    操作:2:成功:310-如何創建構造函數

    1.運行結果:成功:

    <!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.構造函數function user(name, age, sex) {this.name = name;this.age = age;this.sex = sex;}var user1 = new user("xzy", 18, "男");var user2 = new user("劉亦菲", 20, "女");var user3 = new user("楊冪", 21, "女");console.log("測試1：" + user1.name);console.log("測試1：" + user2.name);console.log("測試1：" + user3.name);console.log("");</script></head><body></body> </html>

    ?

    操作:3:成功:311-給對象添加普通函數和對象屬性的遍歷

    1.運行結果:成功:

  • 函數使用匿名函數
  • 動態給對象添加獨有的函數
  • 遍歷找到對象里面的值,通過鍵找到值
  • 遍歷對象所有鍵值對

    • <!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript">// 1.構造函數function user(_name, _age, _sex) {this.name = _name;this.age = _age;this.sex = _sex;//函數使用匿名函數this.show = function() {console.log(this.name + ";" + this.age + ";" + this.sex);console.log("");}this.setAge = function(_age) {this.age = _age;}}var user1 = new user("xzy", 18, "男");var user2 = new user("劉亦菲", 20, "女");var user3 = new user("楊冪", 21, "女");console.log("測試1：" + user1.name);console.log("測試1：" + user2.name);console.log("測試1：" + user3.name);user1.show()user1.setAge(20);user1.show()// 2.動態給對象添加獨有的函數console.log("測試2");user3.setName=function (name){this.name=name;}user3.setName("李白");user3.show();// 3.遍歷找到對象里面的值,通過鍵找到值console.log("測試3："+user3.name);console.log("測試3："+user3["name"]);console.log("");// 4.遍歷對象所有鍵值對 console.log("測試4");for(key in user3){console.log(key+":"+user3[key]);} console.log("");</script></head><body></body> </html>

    ?

    總結

    以上是生活随笔為你收集整理的Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历的全部內容，希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。