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

javascript

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

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

生活随笔收集整理的這篇文章主要介紹了 Web前端第三季(JavaScript):十一:第3章: 字符串和对象:309-如何创建对象+310-如何创建构造函数+311-给对象添加普通函数和对象属性的遍历小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一.目的

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-给对象添加普通函数和对象属性的遍历的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇：弹性法计算方法的mck法_粘弹性自由阻尼
下一篇： vlookup练习_那个vlookup，