目錄
- 前言
- 一、什么是原型？
- 二、原型鏈
- 三、代碼演示
- 總結
前言
為什么要學原型呢？原型鏈有什么作用呢？本文通過圖解和代碼給你講解，快來一睹為快~
提示：以下是本篇文章正文內容，下面案例可供參考
一、什么是原型？
JavaScript 是一種通過原型實作繼承的語言與別的高級語言是有區別的，像 java，C#是通
過型別決定繼承關系的，JavaScript 是的動態的弱型別語言，總之可以認為 JavaScript 中所有
都是物件，在 JavaScript 中，原型也是一個物件，通過原型可以實作物件的屬性繼承，
二、原型鏈
每一個建構式都有一個prototype屬性指向原型物件，原型物件又通過constructor指回建構式，每一個物件都有一個非標準的屬性__proto__，用來指向原型物件，當物件查找成員找不到的時候，就會沿著__proto__的指向繼續尋找，
三、代碼演示
封裝一個陣列求和的方法，將其添加到內置物件Array的原型物件上，然后呼叫這個方法求和，
代碼如下（示例）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
Array.prototype.sum = function () {
return this.reduce((acc, cur) => (acc += cur), 0)
}
let arr = [1, 2, 3, 4, 5]
console.log('和為：',arr.sum())
console.dir(Array)
</script>
</body>
</html>
上圖控制臺輸出，可以很清晰的看到在內置物件Array原型物件上已經添加了我們自己封裝的sum方法，通過內置物件Array原型物件上的sum方法我們也完成了求和需求，又學廢了~
總結
學就完了!!!
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/293634.html
標籤：其他
上一篇：javascript學習系列(8):陣列中的splice方法
下一篇：node.js運行出現‘SyntaxError: Cannot use import statement outside a module‘錯誤