從Array到Null

ccj659 發(fā)布于2019-08-26 14:06 / 510人閱讀

摘要：問題等方法前面不寫定義一個(gè)數(shù)組，并打印確實(shí)沒有等方法問題既然是由構(gòu)造函數(shù)構(gòu)造的實(shí)例，為什么沒有繼承的方法靜態(tài)方法只能通過類構(gòu)造函數(shù)本身調(diào)用不能通過實(shí)例調(diào)用定義靜態(tài)方法我是方法我是方法之前定義靜態(tài)方法我是方法實(shí)例報(bào)錯(cuò)再回頭看問題方法的調(diào)用方式

Array

問題1：isArray、from、of等方法前面不寫prototype？

let a1 = [1, 2, 3]
console.dir(a1)
// 定義一個(gè)數(shù)組a1，并打印a1
// 確實(shí)沒有isArray等方法

問題2：a1既然是由構(gòu)造函數(shù)Array()構(gòu)造的實(shí)例，為什么沒有繼承Array的方法？

// 靜態(tài)方法
// 只能通過 類/構(gòu)造函數(shù) 本身調(diào)用
// 不能通過 實(shí)例 調(diào)用
class Array1 {
  static isArray() {  // ES6定義靜態(tài)方法
    console.log("我是isArray方法")
  }
  map() {
    console.log("我是map方法")
  }
}
Array1.forEach = function() {  // ES6之前定義靜態(tài)方法
  console.log("我是forEach方法")
}
let a1 = new Array1()
console.log("實(shí)例a1", a1)
// a1.isArray()
// 報(bào)錯(cuò)： a1.isArray is not a function

再回頭看問題1

// 方法的調(diào)用方式
let a2 = [1, 2, 3]
a2.push(4)
Array.isArray(a2)

// 構(gòu)造函數(shù)prototype 里的方法會被繼承到實(shí)例里面
// Array的prototype 里的方法會被繼承到實(shí)例a2里面
a2.__proto__ === Array.prototype
a2.__proto__.constructor === Array

// 1、構(gòu)造函數(shù)為Array
// 2、原型對象為Array.prototype, 所有由Array生成的實(shí)例都會繼承里面的方法
// 3、a2.__proto__ 指向原型對象
// 4、a2._proto__.constructor指向構(gòu)造函數(shù)

Null

a2.__proto__.constructor // ? Array() { [native code] }
a2.__proto__.constructor === Array
// a2的構(gòu)造函數(shù)為Array

Array.__proto__.constructor // ? Function() { [native code] }
Array.__proto__.constructor === Function
// Array的構(gòu)造函數(shù)為Function

Function.__proto__.constructor // ? Function() { [native code] }
Function.__proto__.constructor === Function
// Function的構(gòu)造函數(shù)為Function

Function.prototype.__proto__.constructor
Function.prototype.__proto__.constructor === Object
// ? Object() { [native code] }
// Function

Object.prototype.__proto__.constructor 
// Cannot read property "constructor" of null
Object.prototype.__proto__ === null