第 6 章 es5 对象创建和继承

第 6 章 Object

目录

• 第 6 章 Object
  • 一、创建对象
    • 1. 字面量
    • 2. 工厂模式
    • 3. 构造函数
    • 4. 原型
    • 5. 构造+原型
    • 6. 其他
  • 二、Object静态属性
    • Object.defineProperty()
    • Object.keys()
    • Object.getOwnPropertyNames()
    • Object.getPrototypeOf()
  • 三、继承
  • 四、类的知识
  • 进阶 Watch 的实现

@(es5)

一、创建对象

1. 字面量

var obj = {}
obj.name = 'lc'
obj.say = function () {
	console.log(this.name)
}
obj.say() // 'lc'

或者

var obj = {
	name: 'lc',
	say: function () {
		console.log(this.name)
	}
}
obj.say() // 'lc'

2. 工厂模式

3. 构造函数

4. 原型

5. 构造+原型

function Person () {
	this.name = 'lc'
}
Person.prototype = {
	constructor: Person,
	say: function () {
		console.log(this.name)
	}
}
var person = new Person()

6. 其他

参考 https://juejin.im/entry/58291447128fe1005cd41c52

二、Object静态属性

Object.defineProperty()

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.keys()

Object.getOwnPropertyNames()

Object.getPrototypeOf()

三、继承

es5 中继承方法，记住一种即可

function extend (Child, Parent) {
	var  F = function () {}
	F.prototype = Parant.prototype
	Child.prototype = new F()
	// 或者
	// Child.prototype = Object.create(Parent.prototyp)
	Child.prototype.contructor = Child
}
// 或者
/*
function extend (Child, Parent) {
	Child.prototype = Object.create(Parent.prototyp)
	Child.prototype.contructor = Child
}
*/
Function Parent () {
	// todo
}
extend(PrimaryStudent, Student);
function Child () {
	// todo
}
Child.prototype.say = function () {
	console.log(this)
}

原理：廖雪峰javascript 教程

四、类的知识

严格来见 javascript 中是没有类，所以，要了解类的知识，推荐使用typescript 或者 java

• 私有属性
• 私有方法
• 保护属性
• get 修饰符

进阶 Watch 的实现

参考地址