TypeOf關(guān)鍵字
- typeof操作符返回一個(gè)字符串，返回的是操作數(shù)的類型
- typeof 基本類型 返回的是字符串
- typeof 對(duì)象 返回的是object
- typeof 函數(shù) 返回的是function
- typeof null 返回的是object
邏輯中斷
- &&：從左到右的順序進(jìn)行判斷躁绸，如果發(fā)現(xiàn)某個(gè)操作數(shù)的邏輯判斷是false，那么就不用繼續(xù)判斷了
- ||：從左到右的順序進(jìn)行判斷眶痰，如果發(fā)現(xiàn)某個(gè)操作數(shù)的邏輯是true厕诡，那么就不用繼續(xù)判斷
function fn (n1, n2) {
n1 = n1 || 0
n2 = n2 && 0
console.log(n1 + n2)
}
值類型與引用類型
- 值類型：簡(jiǎn)單類型额湘，變量在存儲(chǔ)的時(shí)候描馅，存儲(chǔ)的是值本身
- 引用類型：復(fù)雜類型把夸，變量在存儲(chǔ)的時(shí)候，存儲(chǔ)的是對(duì)象的地址
- 值類型與引用類型的賦值特征
- 值類型賦值的時(shí)候流昏，把值進(jìn)行賦值
- 引用類型賦值的時(shí)候扎即，賦值的是地址
對(duì)象，原型况凉，原型鏈
創(chuàng)建對(duì)象的方式
1.內(nèi)置構(gòu)造函數(shù)創(chuàng)建
- 通過new Object()創(chuàng)建
- 缺點(diǎn)：麻煩谚鄙，每個(gè)屬性都需要添加
//在js中，對(duì)象有動(dòng)態(tài)特性刁绒，可以隨時(shí)的給一個(gè)對(duì)象增加屬性或者刪除屬性闷营。
var person = new Object()
person.name = 'Jack'
person.age = 18
person.sayName = function () {
console.log(this.name)
}
- 對(duì)象字面量創(chuàng)建
- 缺點(diǎn)：如果要批量生成多個(gè)對(duì)象，就會(huì)很麻煩
var person = {
name: 'Jack',
age: 18,
sayName: function () {
console.log(this.name)
}
}
- 工廠函數(shù)改進(jìn)
- 缺點(diǎn)：創(chuàng)建的對(duì)象都是Object類型的
function createPerson (name, age) {
return {
name: name,
age: age,
sayName: function () {
console.log(this.name)
}
}
}
var p1 = createPerson('Jack', 18)
var p2 = createPerson('Mike', 18)
- 繼續(xù)改進(jìn)：構(gòu)造函數(shù)
- 構(gòu)造函數(shù)是一個(gè)函數(shù)知市，用于實(shí)例化對(duì)象傻盟，需要配合new操作符使用
- 這種方式調(diào)用構(gòu)造函數(shù)會(huì)經(jīng)歷以下4個(gè)步驟
- 創(chuàng)建一個(gè)新對(duì)象
- 將構(gòu)造函數(shù)的作用域賦給新對(duì)象（this指向新對(duì)象）
- 指向構(gòu)造函數(shù)中的代碼
- 返回新對(duì)象
- 構(gòu)造函數(shù)要配合new操作符才有意義，構(gòu)造函數(shù)首字母要大寫
function Person (name, age) {
this.name = name
this.age = age
this.sayName = function () {
console.log(this.name)
}
}
var p1 = new Person('Jack', 18)
p1.sayName() // => Jack
var p2 = new Person('Mike', 23)
p2.sayName() // => Mike
構(gòu)造函數(shù)的缺點(diǎn)
- 使用構(gòu)造函數(shù)帶來的最大好處是創(chuàng)建對(duì)象方便嫂丙，但是其本身存在一個(gè)浪費(fèi)內(nèi)存的問題
function Person (name, age) {
this.name = name
this.age = age
this.type = 'human'
this.sayHello = function () {
console.log('hello ' + this.name)
}
}
var p1 = new Person('lpz', 18)
var p2 = new Person('Jack', 16)
//p1與p2不能使用同一個(gè)方法娘赴，這樣我們就需要寫多個(gè)一樣的方法
console.log(p1.sayHello === p2.sayHello) // => false
- 解決方案
- 將方法單獨(dú)提取出來
- 缺點(diǎn)：會(huì)暴露很多函數(shù)，容易造成全局變量污染
function sayHello() {
console.log('hello ' + this.name)
}
function Person (name, age) {
this.name = name
this.age = age
this.type = 'human'
this.sayHello = sayHello
}
var p1 = new Person('lpz', 18)
var p2 = new Person('Jack', 16)
console.log(p1.sayHello === p2.sayHello) // => true
原型
- JavaScript規(guī)定跟啤，每一個(gè)函數(shù)都有一個(gè)prototype屬性诽表，指向另一個(gè)對(duì)象。這個(gè)對(duì)象的所有屬性和方法隅肥，都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承（我們可以把共享的屬性和方法直接定義在prototpye對(duì)象上）
function Person (name, age) {
this.name = name
this.age = age
}
console.log(Person.prototype)
Person.prototype.type = 'human'
Person.prototype.sayName = function () {
console.log(this.name)
}
var p1 = new Person(...)
var p2 = new Person(...)
console.log(p1.sayName === p2.sayName) // => true
構(gòu)造函數(shù)竿奏，實(shí)例，原型三者關(guān)系
- 構(gòu)造函數(shù)：構(gòu)造函數(shù)就是一個(gè)函數(shù)腥放，配合new可以創(chuàng)建新對(duì)象
- 實(shí)例：通過構(gòu)造函數(shù)實(shí)例化出來的對(duì)象我們把它叫做構(gòu)造函數(shù)的實(shí)例泛啸。一個(gè)構(gòu)造函數(shù)可以有多個(gè)實(shí)例
-
原型：每一個(gè)構(gòu)造函數(shù)都有一個(gè)屬性prototype，函數(shù)的prototype屬性值就是原型秃症。通過構(gòu)造函數(shù)創(chuàng)建出來的實(shí)例能夠直接使用原型上的屬性和方法
image.png -
proto
- 任何一個(gè)對(duì)象都會(huì)有proto屬性候址，這個(gè)屬性指向了構(gòu)造函數(shù)的prototype屬性，也就是原型對(duì)象
- 獲取原型對(duì)象
- 通過構(gòu)造函數(shù).prototype可以獲取
- 通過實(shí)例.proto可以獲戎指獭（隱式原型）
- 注意：proto是瀏覽器的一個(gè)隱式（私有）屬性宗雇。IE瀏覽器不支持，不要通過它來修改原型的內(nèi)容莹规，使用構(gòu)造函數(shù).prototype去修改
constructor屬性
- 默認(rèn)情況下赔蒲，原型對(duì)象只包含一個(gè)屬性：constructor
-
constructor屬性指向了當(dāng)前的構(gòu)造函數(shù)
image.png
原型鏈
- 任何一個(gè)對(duì)象，都有原型對(duì)象良漱，原型對(duì)象本身又是一個(gè)對(duì)象舞虱，所以原型對(duì)象也有自己的原型對(duì)象，這樣一環(huán)扣一環(huán)就形成了一個(gè)鏈?zhǔn)浇Y(jié)構(gòu)母市，我們把這個(gè)鏈?zhǔn)浇Y(jié)構(gòu)稱為：原型鏈
-
總結(jié)：Object.prototype是原型鏈的盡頭矾兜，Object.prototype的原型就是null
image.png
屬性查找原則
- 會(huì)先在自身上查找，如果沒有
- 則根據(jù)proto對(duì)應(yīng)的原型去找患久，如果沒有
- 一直找到Object.prototype椅寺，如果沒有浑槽，那就找不到
屬性設(shè)置原則
- 只會(huì)修改對(duì)象自身的屬性，如果沒有就添加這個(gè)屬性返帕，不會(huì)修改原型中的屬性
