Learning Notes

# JS原型、原型链

为什么需要对象分类？

  • 类型是对 JS 中数据的分类 JS 中的类型有：数字、字符串、布尔、符号Symbol、null、undefined、对象
  • 类是对 JS 中对象的分类 JS 中的类有：数组 Array、函数 Function 、Date、RegExp等

# new操作符

创建new X()时做了什么？

  • 自动创建空对象
  • 自动将空对象关联原型，原型地址指定为X.prototype（即将 X.prototype保存的地址复制到 空对象.__proto__里）
  • 自动将空对象作为this关键字运行构造函数
  • 自动return this

构造函数X

  • X函数本身负责给对象本身添加属性
  • X.prototype对象负责保存对象的共用属性

# JS 构造对象方式

# 代码规范

  • 大小写 所有构造函数（专门用于创建对象的函数）首字母大写 所有被构造出来的对象，首字母小写
  • 词性 new后面的函数，使用名词形式(new Person()、new Object()) 其他函数，一般使用动词开头(createSquare()、createElement('div'))

# 方式一：用 class

Example：

class Square{
  static x = 1
  width = 0
  constructor(width){
    this.width = width
  }
  getArea(){
    return this.width * this.width
  }
  get length(){ //只读属性
    return this.width * 4
  }
}
let square = new Square(5)
square.width
square.getArea()
square.length()

# 方式二：用构造函数+prototype

自己定义构造函数Rect，函数里给this加属性 Rect自动创建prototype属性和对应的对象 #207 在Person.prototype #207 上面加属性 用new Rect() 创建对象 react new会将Rect的原型 __p设为 #207

function Rect(width, height){
  this.width = width
  this.height = height
}
Rect.prototype.getArea = function(){
  return this.width * this.height
}
Rect.prototype.getLength = function(){
  return (this.width + this.height) * 2
}
let react = new Rect(4,5)
rect.width
rect.height
rect.getArea()
rect.getLength()

# 原型

let obj = new Object()     //原型 Object.prototype
let arr =new Array()       //原型 Array.prototype
let square = new Squrae()  //原型 Square.prototype
let fn = new Function()    //原型 Function.prototype

# 对象.proto === 其构造函数.prototype

Test1: let x = {} x的原型是什么 x.__proto__ = Object.prototype

Test2: Object.prototype的构造函数： 无
Object.prototype的原型： null Object.prototype.__proto__的原型 : null

Test3: window是谁构造的？ Window() window.Object是谁构造的？ window.Function window.Function是谁构造的？ window.Function

Test4:多选题

# JS公式：

# 根公理：

# 函数公理：

Test

← JS数组 →