关于JS的面向对象的思索和总结

面向对象编程的观点和道理

1、面向对象编程是什么

它是用笼统的体式格局建立基于实际天下模子的编程形式(将数据和顺序指令组合到对象中)

2、面向对象编程的目标

在编程中增进更好的灵活性和可维护性,在大型软件工程中广为盛行。

3、面向对象编程的上风(继续、多态、封装)

继续:猎取父类的悉数(数据和功用),完成的是复制。

多态:依据完成要领的对象,雷同要领名具有差别的行动。

封装:聚合对象数据和功用,以及限定它们和外界的联络(接见权限)。

JS中怎样完成面向对象编程(参考

1、原型链式继续

function Person() {
    this.name = 'per'
    this.obj = {
        name: ''
    }
}
Person.prototype.getName = function() {
    return this.obj.name
}
Person.prototype.setName = function(name) {
    this.name = name
    // 援用范例的赋值会同步给一切子类
    this.obj.name = name
}
function Student() {
    
}
Student.prototype = new Person()

const stu1 = new Student()
const stu2 = new Student()

stu1.setName('stu')
stu1.getName()
stu2.getName()

瑕玷:
援用范例被修正时会同步给一切子类

2、组织函数继续

function Person() {
    this.obj = {
        name: 'a'
    }
    this.setName = name => {
        this.obj.name = name
    }
    this.getName = () => {
        return this.obj.name
    }
}
function Student() {
    Person.call(this)
}
const stu1 = new Student()
const stu2 = new Student()
stu1.setName('stu')
stu1.getName()
stu2.getName()

瑕玷:父类的函数在子类下面是不同享的,相当于动态的复制了一份代码

3、组合继续

function Person() {
    this.obj = {
        name: 'a'
    }
}
Person.prototype.getName = function() {
    return this.obj.name
}
Person.prototype.setName = function(name) {
    this.name = name
    // 援用范例的赋值会同步给一切子类
    this.obj.name = name
}
function Student() {
    // 继续属性
    Person.call(this)
}
// 继续要领
Student.prototype = new Person()

瑕玷:父类内的属性复制实行了两遍

4、寄生组合式继续

function Person() {
    this.obj = {
        name: 'a'
    }
}
Person.prototype.getName = function() {
    return this.obj.name
}
Person.prototype.setName = function(name) {
    this.name = name
    // 援用范例的赋值会同步给一切子类
    this.obj.name = name
}
function Student() {
    // 继续属性
    Person.call(this)
}
// 这里完成要领的继续
function inherit(sub, parent) {
    sub.prototype = Object.create(parent.prototype)
    sub.prototype.constructor = sub       
}
inherit(Student, Person)

这里处理了组合式继续的父类代码二次实行题目

5、class完成继续(参考

class Person {
    constructor(){
        this.obj = {
            name: 'a'
        }
    }
    get name() {
        return this.obj.name
    }
    set name(name) {
        this.obj.name = name
    }
}
class Student extends Person {
    constructor() {
        super()
    }
}
    原文作者:孙小渃
    原文地址: https://segmentfault.com/a/1190000016058914
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞