2019-9-15 seo達人
原型：函數中的屬性prototype，她的名字就叫原型?？梢酝ㄟ^也只能通過prototype添加可繼承的屬性和方法
原型對象：函數中prototype中的proto 和對象中的proto
先記住原型（prototype）和原型對象（proto）
下面用代碼解釋原型、原型對象、 原型鏈
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>對象</title>
</head>
<body>
<script type="text/javascript">
//創(chuàng)建一個對象和一個函數
var obj = {}
console.log(obj.proto)//obj有原型對象
function objFun (){}
console.log(objFun.prototype) //objFun 原型
console.log(objFun.prototype.proto) //原型中有原型對象
console.log('*華麗的分割線***')
// 以objFun為構造函數 (為了把構造函數和普通函數做區(qū)分，通常把構造函數名首字母大寫)
// 添加屬性和方法
objFun.prototype.name='saozhu'
objFun.prototype.say = function(){
console.log(this.name+'-騷豬')
}
// 創(chuàng)建實例對象1
var obj1=new objFun()
console.log(obj1)//打印對象 空對象
console.log(obj1.name) //騷豬 證明obj1繼承了objFun函數的屬性
console.log('*華麗的分割線***')
// 此時此刻 可以理解原型鏈了:
console.log(obj1.proto=== objFun.prototype)
//true
// 原型鏈是有實例對象的proto(原型對象)指向構造函數函數的原型（prototype)
console.log(objFun.prototype.proto==window.Object.prototype)
// true
// 然后構造函數的原型的原型對象(prototype.proto)指向window.Object.protype(對象的原型)
console.log(window.Object.prototype.proto===null)
// 這樣的指向關系形成的鏈式關系就是原型鏈
//鏈式查詢,查詢對象中的屬性和方法,會根據這樣的原型鏈查找,直到找到響應的屬性和方法.找到window.Object.prototype.proto還沒有值,就返回undeifne
</script>
</body>
</html>