JS高級---複習_ZenDei技術網路在線

JS高級---複習

-Advertisement-

複習面向過程和麵向對象都是編程的思想, 方式不一樣面向過程: 凡事都是親力親為, 所有的代碼都要自己寫, 每一步都要很清楚, 註重的是過程面向對象: 執行者成為指揮者, 只要找對象, 然後讓對象做相關的事情, 註重的是結果面向對象的特性: 封裝, 繼承, 多態封裝；就是代碼的封裝, 把一些 ...

複習

面向過程和麵向對象都是編程的思想, 方式不一樣面向過程: 凡事都是親力親為, 所有的代碼都要自己寫, 每一步都要很清楚, 註重的是過程面向對象: 執行者成為指揮者, 只要找對象, 然後讓對象做相關的事情, 註重的是結果

面向對象的特性: 封裝, 繼承, 多態

封裝；就是代碼的封裝, 把一些特征和行為封裝在對象中面向對象的編程思想: 根據需求, 抽象出相關的對象, 總結對象的特征和行為, 把特征變成屬性，行為變成方法, 然後定義(js)構造函數, 實例化對象, 通過對象調用屬性和方法, 完成相應的需求.---編程的思想對象: 具體特指的某個事物, 有特征(屬性)和行為(方法)，對象可以看成是一坨無序屬性的集合

如何創建對象?

通過調用new Object(), 還有{}, 自定義構造函數

創建對象的方式

1. 調用系統Object()----->創建出來的對象都是Object類型的, 不能很明確的指出這個對象是屬於什麼類型 2. 字面量的方式{}----->只能創建一個對象(一次只能創建一個) 3.工廠模式創建對象----->----->推論---->自定義構造函數的方式自定義構造函數(優化後的工廠模式)

自定義構造函數創建對象: 4件事

1.在記憶體中申請一塊空閑的空間, 存儲創建的對象 2.this就是當前實例化的對象 3.設置對象中的屬性和方法(為對象添加屬性和方法,為屬性和方法賦值) 4.把創建後的對象返回都是需要通過new的方式

什麼是原型?

構造函數中有一個屬性prototype, 是原型, 程式員使用的實例對象中有一個屬性__proto__, 是原型, 瀏覽器使用的, 不是很標準的, 實例對象中的__proto__指向的就是該實例對象中的構造函數中的prototype 構造函數中的prototype裡面的屬性或者方法,可以直接通過實例對象調用正常的寫法: 實例對象.__proto__才能訪問到構造函數中的prototype中的屬性或者方法 per.__proto__.eat();//__proto__不是標準的屬性 per.eat(); 原型就是屬性, 而這個屬性也是一個對象 Person.prototype--->是屬性 Person.prototype.屬性或者Person.ptototype.方法() 本身在構造函數中定義的屬性和方法, 當實例化對象的時候, 實例對象中的屬性和方法都是在自己的空間中存在的, 如果是多個對象。這些屬性和方法都會在單獨的空間中存在,浪費記憶體空間, 所以, 為了數據共用, 把想要節省空間的屬性或者方法寫在原型對象中,達到了數據共用，實現了節點記憶體空間

原型的作用之一: 數據共用,節省記憶體空間

原型的寫法:

構造函數.prototype.屬性=值構造函數.prototype.方法=值---->函數.prototype,函數也是對象,所以,裡面也有__proto__ 實例對象.prototype-------->實例對象中沒有這個屬性,只有__proto__(暫時的)

簡單的原型的寫法

缺陷: --->新的知識點---->原型直接指向{}---->就是一個對象, 沒有構造器構造函數.prototype={ 切記: 如果這這種寫法, 要把構造器加上 };

通過原型為內置對象添加原型的屬性或者方法----->原因:

系統的內置對象的屬性和方法可能不滿足現在需求, 所以, 可以通過原型的方式加入屬性或者方法, 為了方便開發為內置對象的原型中添加屬性和方法, 那麼這個內置對象的實例對象就可以直接使用了 String.prototype.方法=匿名函數; var str="哈哈"; str.方法();---->實例對象可以直接調用原型中的屬性或者方法

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

AndroidStudio報錯：Emulator: I/O warning : failed to load external entity "file:/C:/Users/Administrator/.AndroidStudio3

場景在進行Android Studio的.Android Studio目錄從C盤修改為其他目錄後，新建App啟動提示： Emulator: I/O warning : failed to load external entity "file:/C:/Users/Administrator/.And ...
AndroidStudio報錯：GradleSyncIssues-Could not install Gradle distribution from...

場景在使用Android Studio 新建 App項目後，編譯時提示： GradleSyncIssues-Could not install Gradle distribution from... 報錯信息後面跟的是一個網址，網址最後面是gradle不同版本的壓縮包。註：博客： https: ...
HTML連載60-水平居中與設計一個團購界面

一、水平居中 1.margin:0 auto在絕對定位中就失效了 2.如何讓絕對定位的元素水平居中？只需要設置絕對定位元素的left:50%；然後再設置絕對定位元素的margin-left:-元素寬的一半；這樣就可以完成水平居中了 div{ width:50px;/*如果數值為100%，就代表這 ...
vue項目創建步驟和路由router知識點

菜單快捷導航： 1、創建一個vue項目步驟（windows環境下）。創建vue項目前，檢查系統是否具備創建項目的條件（是否已經安裝好了node.js、webpack、vue-cli）。cmd打開終端。 1.1 如果還沒安裝node.js，則先安裝node.js ，安裝完成後，查看node版本 1 ...
JS實現輪播圖特效（帶二級導航）

按照國際慣例先放效果圖 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="css/style.css"> ...
js對當前時間進行處理

//1、JS獲取兩個日期之間相差的天數 2 function getDaysBetween(dateString1, dateString2) { 3 var startDate = Date.parse(dateString1); 4 var endDate = Date.parse(dateSt ...
【外文閱讀】Web Development in 2020: What Coding Tools You Should Learn---Quincy Larson

原文鏈接：https://mail.qq.com/cgi-bin/readtemplate?t=safety&check=false&gourl=https%3A%2F%2Fwww.freecodecamp.org%2Fnews%2Fweb-development-2020%2F&subtempla ...
[vue學習]快速搭建一個項目

安裝node.js 官網：https://nodejs.org/en/ 淘寶NPM鏡像（npm是外網，用國內代理下載安裝賊快） $ npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安裝 vue-cli $ cnpm i ...