一、JavaScript 對象
對象是 JavaScript 的核心數(shù)據(jù)結(jié)構(gòu),它以鍵值對的形式存儲數(shù)據(jù)。不同屬性之間用‘,’隔開。例如:
const person={name:'Alice', age:25, greet:function(){console.log(`Hello, I'm ${this.name}`);}};
通過點語法(person.name)或方括號語法(person['age']),可以靈活地訪問和修改對象的屬性。對象的動態(tài)特性讓我能夠輕松擴(kuò)展或修改其屬性,為數(shù)據(jù)管理提供了極大的便利。
二、作用域與閉包
作用域決定了變量的可見性。JavaScript 中的let和const提供了塊級作用域,避免了變量污染。閉包則是作用域中的一個強(qiáng)大特性,通過閉包,可以創(chuàng)建私有變量和函數(shù):
function createCounter(){let count=0;?
return{increment:()=>count++,get:()=>count};}
constcounter=createCounter();
閉包讓我能夠封裝數(shù)據(jù),實現(xiàn)模塊化設(shè)計,提升了代碼的可維護(hù)性。
三、DOM 操作:HTML 屬性與 CSS 樣式
DOM 是前端開發(fā)的核心,通過它,可以動態(tài)修改網(wǎng)頁的結(jié)構(gòu)和樣式:
HTML 屬性操作
獲取屬性:element.getAttribute('id')
設(shè)置屬性:element.setAttribute('class', 'new-class')
移除屬性:element.removeAttribute('disabled')
CSS 樣式操作
直接修改樣式:element.style.color = 'red';
操作類名:element.classList.add('active');
切換類名:element.classList.toggle('hidden');
通過這些方法,可以靈活地控制網(wǎng)頁的外觀和行為,為用戶帶來動態(tài)的交互體驗。
四、學(xué)習(xí)感悟
本周的學(xué)習(xí)讓我對 JavaScript 的靈活性和強(qiáng)大功能有了更深的認(rèn)識。對象、作用域和 DOM 操作是前端開發(fā)的基礎(chǔ),它們不僅讓我能夠更好地組織代碼,也為實際項目開發(fā)提供了堅實的理論支持。
接下來,我計劃通過更多的實踐項目來鞏固這些知識點,同時探索更多高級特性,如異步編程和模塊化開發(fā)。希望在不斷的學(xué)習(xí)和實踐中,能夠成為一名更優(yōu)秀的開發(fā)者。