00:00
Hello,大家好,这节课呢,咱们来演示一下ES5里边使用构造函数来实现继承。就是我们先来回顾一下ES5是怎样实现用构造函数来实现继承的。我们还是以手机来为例啊,我们写一个function,还有一个phone。有两个属性啊,一个呢是brand,一个呢是price,里边this brand等于一个brand,然后this get price等于一个price。方法,我们加一个form.pro.call。然后呢,在里边输出一个log。我可以打电话。好,这是一个负极的构造函数,下边的话我们来创建一个子集构造函数,我们来声明一个智能手机。智能手机哎,这手机也能也能打电话,也有品牌和price价格,所以说咱们没有必要呢,再去写一段这样重复代码啊,咱们就可以使用继承好function,然后呢,Smartphone。
01:13
括弧,Brand price,然后当然还有一些别的属性,比如说颜色啊,然后呢,还有这个尺寸size。然后在里边呢,我们先去调用一下负极构造函数里边初始化代码。像this啊,然后这个this啊,哎,我们举的去写一下,就没有必要我再去写重复代码,这样再写一遍,那就很麻烦,那后期如果负类做一下调整,那我这会儿还大动。所以咱们这儿可以这样子,就是phone.call this,把参数传进来,Brand和price。Phone呢,在这通过call方法改变它的一个this值,然后呢,执行啊,这个this指向谁呢?This指向smartphone里边this。
02:07
也就是我们smartphone的一个实例对象。好,然后开始初始品牌,初始化价格,然后接下来再开始this.color等于color this.size等于一个size,对此类独有的一些属性做一个初始化。好,那么这一步做完之后呢,下一步我们要想实现继承,还有呢,去设置一下啊这个子集。构造函数的一个原型。啊,Smartphone点,然后等于一个new的phone。啊,等于六的一个风,那么这样一个的话呢,我的实力对象。上边就会有负极的一个方法。好,那么这一步做完之后呢,咱们会为了做一个校校正啊smartphone.pro然后点constructor等于一个谁啊smartphone会做一个这样的校正,当然了,你不这么做也可以。
03:11
啊,也可以转这行代码不加不影响。好,这样的话呢,我就可以可以呢,给我子集子类的这个。啊,这个对象去添加do的一些方法,OK,下边的话是声明。声明子类的一个方法好写一个smartphone.pro type点,比如说我可以拍照photo。等于一个function。Log,哎,我可以拍照。啊,然后呢,还可以干嘛呢,比如说还可以呢,玩游戏啊,Smartphone点点,然后play game。好看O。唠的。
04:01
然后我可以啊玩游戏。好,那么这个时候呢,我们来做一个实例化啊,我们写一个cost。嗯,手机我们来一个锤子啊,等于一个new的smartphone。里边传入参数啊,然后品牌的话叫锤子。然后呢,价格价格当时买的是2499,然后颜色是一个black黑色。然后呢,尺寸是5.5英寸。好,看看结果,Console log,打印一下锤子保存。看结果,这里有brand,品牌颜色还有价格以及尺寸都有好了,那么属性这块没有问题,看一下方法点开里边呢,有photo,有play game没有问题,然后呢,副类的那个方法在哪呢?然后点开它,看这有一个call,可以打电话。啊,没有问题,好了,这是当前的,我们来回顾啊,使用ES5构造函数来实现。
05:07
这个继承的一个演示,好这个小节呢,咱们先到这儿。
我来说两句