首頁技術文章正文

黑馬程序員JS面向對象教程

更新時間:2021-10-15 來源:黑馬程序員 瀏覽量:


JavaScript面向對象視頻教程
簡介

本套課程將介紹什么是面向對象,然后從ES6類面向對象語法,面向對象案例,原型和原型鏈,如何利用組合繼承模擬類的繼承。高階函數(shù),call、apply、bind 的使用,嚴格模式、閉包、遞歸函數(shù)、正則表達式、ES6新語法。

1634294368649_面向對象.png

云盤鏈接:https://pan.baidu.com/share/init?surl=OM-4MSNl7KxirAHKvHfc(如果鏈接失效,加下面QQ獲取教程)

獲取配套資料加QQ435946716獲取本套課程配套筆記+源碼

1第一天JavaScript面向對象教程

01-JavaScript

02-面向對象編程介紹

03-類和對象

04-創(chuàng)建類和生成實例

05-類中添加共有方法

06-類繼承extends和super關鍵字

07-super調用父類普通函數(shù)以及繼承中屬性方法查找原則

08-super必須放到子類this之前

09-使用類2個注意點

10-類里面this指向問題

11-面向對象tab欄-思路分析以及布局介紹

12-面向對象tab欄-模塊劃分

13-面向對象tab欄-切換功能模塊

14-面向對象tab欄-添加功能模塊(上)

15-面向對象tab欄-添加功能模塊(中)

16-面向對象tab欄-添加功能模塊(下)

17-面向對象tab欄-刪除功能模塊(上)

18-面向對象tab欄-刪除功能模塊(中)

19-面向對象tab欄-刪除功能模塊(下)

20-面向對象tab欄-編輯功能模塊(上)

21-面向對象tab欄-編輯功能模塊(中)

22-面向對象tab欄-編輯功能模塊(下)

2第二天JavaScript面向對象教程

01-構造函數(shù)和原型導讀

02-利用構造函數(shù)創(chuàng)建對象

03-實例成員和靜態(tài)成員

04-構造函數(shù)原型對象prototype

05-對象原型__proto__

06-原型constructor構造函數(shù)

07-構造函數(shù)實例和原型對象三角關系

08-原型鏈

09-對象成員查找規(guī)則

10-原型對象this指向

11-利用原型對象擴展內置對象方法

12-call方法的作用

13-利用父構造函數(shù)繼承屬性

14-利用原型對象繼承方法(上)

15-利用原型對象繼承方法(下)

16-類的本質

17-迭代(遍歷數(shù)組)forEach

18-篩選數(shù)組filter方法

19-查找數(shù)組中是否有滿足條件的元素some方法

20-查詢商品案例-渲染頁面數(shù)據(jù)

21-查詢商品案例-根據(jù)價格篩選商品(上)

22-查詢商品案例-根據(jù)價格篩選商品(下)

23-查詢商品案例-根據(jù)商品名稱篩選商品

24-some和forEach區(qū)別

25-trim方法去除字符串兩側空格

26-Object.defineProperty方法(上)

26-Object.keys獲取對象屬性名

27-Object.defineProperty方法(下)

3第三天JavaScript面向對象教程

01-函數(shù)進階導讀

02-函數(shù)的定義方式

03-函數(shù)的調用方式

04-函數(shù)內部的this指向

05-call方法及其應用

06-apply方法及其應用

07-bind方法基本使用

08-bind方法應用

09-bind應用面向對象tab欄

09-call和apply以及bind總結

10-什么是嚴格模式以及如何開啟嚴格模塊

11-嚴格模式的變化

12-高階函數(shù)

13-什么是閉包

14-閉包的作用

15-閉包應用-點擊li打印當前索引號

16-閉包應用-3秒鐘之后打印li內容

17-閉包應用-計算打車價格

18-思考題(選講)

19-什么是遞歸函數(shù)

20-利用遞歸求階乘

21-利用遞歸求斐波那契數(shù)列

22-利用遞歸遍歷數(shù)據(jù)(上)

23-利用遞歸遍歷數(shù)據(jù)(下)

24-淺拷貝

25-深拷貝

4第四天JavaScript面向對象教程

01-正則表達式導讀

02-正則表達式概述

03-正則表達式在JavaScript中使用

04-邊界符

05-字符類(上)

06-字符類(下)

07-量詞符

08-量詞重復某個模式的次數(shù)

09-用戶名表單驗證

10-括號總結以及正則驗證工具

11-預定義類以及座機號碼驗證

12-表單驗證(上)

13-表單驗證(中)

14-表單驗證(下)

15-正則替換

5第五天JavaScript面向對象教程

01-什么是ES6、為什么要學習ES6

02-let關鍵字(一)

03-let關鍵字(二)

04-let關鍵字(三)

05-經典面試題(一)

05-經典面試題(二)

06-const關鍵字(一)

07-const關鍵字(二)

08-const關鍵字(三)

09-let、const、var關鍵字的區(qū)別

10-數(shù)組解構賦值

11-對象解構(一)

12-對象解構(二)

13-箭頭函數(shù)(一)

14-箭頭函數(shù)中的this關鍵字

15-箭頭函數(shù)面試題

16-剩余參數(shù)

17-剩余參數(shù)和解構配合使用

18-擴展運算符

19-擴展運算符應用:合并數(shù)組

20-擴展運算符應用:將偽數(shù)組轉換為真正的數(shù)組

21-Array擴展方法:Array.from方法

22-Array實例方法:find

23-Array實例方法:findIndex

24-Array實例方法:includes

25-模板字符串

26-startsWith方法和endsWith方法

27-repeat方法介紹

28-創(chuàng)建set數(shù)據(jù)結構

29-利用set數(shù)據(jù)結構做數(shù)組去重

30-set對象實例方法

31-遍歷set

點擊查看更多

分享到:
在線咨詢 我要報名
和我們在線交談!