-
函數(shù)的創(chuàng)建方式:
① 函數(shù)聲明
② 函數(shù)表達(dá)式
③ 使用Function類(lèi)型的構(gòu)造器創(chuàng)建
代碼示例
//01 函數(shù)聲明
function functionName() {
console.log('以函數(shù)聲明的方式來(lái)定義函數(shù)');
}
functionName();
//02 函數(shù)表達(dá)式
var func = function () {
console.log('函數(shù)表達(dá)式的方式來(lái)定義函數(shù)');
};
func();
//03 使用Function構(gòu)造器來(lái)創(chuàng)建
var funcName = new Function();
funcName();
//上面的代碼等價(jià)于
/*
function funcName() {
}
*/
關(guān)鍵字new的使用
可以使用new關(guān)鍵字來(lái)創(chuàng)建新的對(duì)象
———————————————————————————————————————
-
可以使用new關(guān)鍵字來(lái)創(chuàng)建新的對(duì)象
-
01 面向過(guò)程和面向?qū)ο缶幊?/h4>
1 面向?qū)ο缶幊毯兔嫦蜻^(guò)程編程是一種編程思想,和具體的語(yǔ)言關(guān)系不大湘今。
02 面向過(guò)程編程和面向?qū)ο缶幊痰闹饕獏^(qū)別
面向過(guò)程編程:
關(guān)注點(diǎn)在于解決問(wèn)題需要的每一個(gè)詳細(xì)的步驟
示例:
自己洗衣服的過(guò)程
① 收集需要洗的臟衣服
② 準(zhǔn)備洗衣粉、洗衣液等
③ 把衣服放到一個(gè)盆里
④ 接水
⑤ 把洗衣粉放到盆里
⑥ 摩擦,摩擦,不斷的摩擦
⑦ 把洗好的衣服用清水沖洗干凈
⑧ 盡量把把洗好的衣服的水分?jǐn)Q干
⑨ 晾曬
面向?qū)ο缶幊?
關(guān)注點(diǎn)在于解決問(wèn)題需要的對(duì)象身上
示例:
使用洗衣機(jī)洗衣服的過(guò)程
① 收集需要洗的臟衣服
② 找到合適的洗衣機(jī)
③ 設(shè)定洗衣服和烘干的程序
03 面向過(guò)程和面向?qū)ο笏麄兊膮^(qū)別就類(lèi)似于自己洗衣服和使用洗衣機(jī)洗衣服|自己做飯吃和去餐館吃飯
-
面向?qū)ο缶幊痰南嚓P(guān)概念
- 01 對(duì)象
- 什么是對(duì)象? 所有的一切都是對(duì)象,在開(kāi)發(fā)中有一項(xiàng)重要的工作就是對(duì)象的劃分
一般來(lái)說(shuō),我們所指的對(duì)象是某個(gè)具體的事物,而非泛泛的類(lèi)別
- 什么是對(duì)象? 所有的一切都是對(duì)象,在開(kāi)發(fā)中有一項(xiàng)重要的工作就是對(duì)象的劃分
- 02 對(duì)象的特征(靜態(tài)描述信息)
- 所謂特征就是一些特定的描述信息
如:學(xué)生(性別、年齡圣猎、班級(jí)冗荸、專(zhuān)業(yè)房轿、籍貫未桥、家庭住址)
如:汽車(chē)(顏色衙吩、車(chē)牌备籽、品牌、價(jià)格等)
- 所謂特征就是一些特定的描述信息
- 03 對(duì)象的行為(動(dòng)態(tài)特性)
- 如:人(吃飯分井、睡覺(jué)车猬、玩游戲、奔跑尺锚、運(yùn)動(dòng)等)
如:狗(吃珠闰、睡、咬人瘫辩、叫伏嗜、流口水)
- 如:人(吃飯分井、睡覺(jué)车猬、玩游戲、奔跑尺锚、運(yùn)動(dòng)等)
- 04 js中的對(duì)象
- 鍵-值對(duì)(key-value)的集合坛悉。
- 05 現(xiàn)實(shí)生活中的對(duì)象和js對(duì)象的對(duì)應(yīng)關(guān)系
- 靜態(tài)的描述信息 - js對(duì)象中的屬性(屬性就是定義在對(duì)象內(nèi)部的變量)
動(dòng)態(tài)的行為特征 - js對(duì)象中的方法(方法就是定義在對(duì)象內(nèi)部的函數(shù))
- 靜態(tài)的描述信息 - js對(duì)象中的屬性(屬性就是定義在對(duì)象內(nèi)部的變量)
- 01 對(duì)象
** 06 代碼示例：**
var zhangsan = {
name:"張三",
sex:"男",
age:18,
address:"天上人間1號(hào)公館",
eat:function () {
console.log('能吃');
},
sleep:function () {
console.log("能睡");
},
say:function () {
console.log("能說(shuō)話(huà)");
},
run:function () {
console.log("能運(yùn)動(dòng)");
},
song:function () {
console.log("能唱歌");
}
};
//打印對(duì)象的屬性并調(diào)用相關(guān)的方法
console.log(zhangsan.name,zhangsan.age,zhangsan.address);
zhangsan.say();
zhangsan.sleep();
```
_______________________________________________________________________
**為什么要使用面向?qū)ο缶幊蹋?*
` *面向?qū)ο缶幊痰膬?yōu)點(diǎn): 更方便 + 提高代碼的復(fù)用性*`
##### 典型的面向過(guò)程
```
<script>
//01 創(chuàng)建標(biāo)簽
var div = document.createElement("div");
//02 設(shè)置樣式
div.style.width = "200px";
div.style.height = "50px";
div.style.backgroundColor = "red";
//03 添加到頁(yè)面上
document.body.appendChild(div);
</script>
```
##### 面向?qū)ο蟮拇a
```
<script>
// $("body").append("<div>sdshdfskfsk</div>")
$("body").append("<div style='height: 200px;width: 100px;border: 2px solid #2aa198'></div>");
</script>
```
**總結(jié):面向?qū)ο缶幊唐鋵?shí)是對(duì)面向過(guò)程的封裝**