【JavaScript:面向对象】

6. 面向对象

JavaScript、Java、C#…都是面向对象的编程语言;

  • 类:模板
  • 对象:具体的实例

原型对象

JavaScript有一些区别:

  • 原型:__proto__
var user = {
    name: 'Jack',
    age: 3,
    sex: '男',
    run: function () {
        console.log(this.name + 'run...')
    }
};

var xiaoming = {
    name: 'Xiaoming',
};

// 小明的原型是user
xiaoming.__proto__ = user;

/*
    xiaoming.run()
    Xiaomingrun...

    xiaoming.age
    3
*/

class继承

class关键字是在ES6引入的

  1. 定义一个类,属性,方法
// ES6之后
class Student {
    constructor(name) {
        this.name = name;
    }
    hello() {
        alert('hello');
    }
}

var xiaoming = new Student('xiaoming');
  1. 继承
class Student {
    constructor(name) {
        this.name = name;
    }
    hello() {
        alert('hello');
    }
}

var xiaoming = new Student('xiaoming');

//继承
class XiaoStudent extends Student {
    constructor(name, grade) {
        super(name);
        this.grade = grade;
    }
    mygrade() {
        alert('我是一个小学生');
    }
}

var xiaohong = new XiaoStudent('xiaohong', 1);

本质:查看对象原型

image.png

原型链

每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例,结果会怎样?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立。如此层层递进,就构成了实例与原型的链条。这就是所谓的原型链的基本概念。——摘自《javascript高级程序设计》

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值