00:00
Hello,大家好,这节课呢,咱们来学习一下class类ES6呢,它提供了更加接近于传统语言的写法,引入了类这个概念作为对象的一个模板。那么传统语言呢,它指的是我们这个Java语言,还有呢,C Java语言,它们都是有class这个概念的。那么通过关键字我们可以定义类啊,然后呢,通过类来实例化对象。基本上啊,ES6里边这个class啊,可以当做只是一个语法堂。它绝大多数功能ES5都可以做到。啊,就跟咱们那个构造函数实例化对象那个是一样的啊,新的这个class写法呢,只是让对象的这个圆形的写法更加清晰,更像面向对象编程的语法而已。好,我呢来给大家演示一下,首先呢,咱们先按照ES5的方式,用构造函数去实例化一个对象。
01:01
我们呢,以手机类啊,以手机来为例。好,我来写一个函数。里边呢,我引入两个属性,一个呢是品牌,一个呢是价格,好,我们再来做一个初始化,this.brand等于一个brand this.price等于一个price。这些呢是对对象,也就实例对象的属性做初始化,然后我们想添加方法。添加方法怎么办呢?我们可以通过原型对象来去添加,这样的话来做到重用好phone,点点call。好,里边的话log输出一下,我可以打电话。好,保存,下边呢,我们开始来实例化对象。比如说我们举一个华为啊,华为等于一个new的phone里边品牌是华为,然后价格5999。
02:06
啊,然后呢,咱们把它输出一下CR log打印呢,华为这个变量保存看结果看这。没有问题对吧,Brand price原型里边呢,有call方法。好,咱们还可以呢,调里边这个方法啊,在这上面这个位置,哎滑。为啊。保存看一下,我可以打电话,没有问题。好了,这是之前的ES5通过构造函数实例化对象的一个语法,接下来我们来演示一下,用ES6CLASS的一个语法来实现。首先,关键字class。后边呢,跟上我们的类名。而后呢,跟上花括号。啊,跟上花框,然后呢,下边呢是我们的构造方法constructor括号,然后呢花括号。这个方法呢,是一个特殊的方法,名字呢是固定的啊,注意名字不能修改。
03:06
必须叫constructor,然后呢,这个方法呢,它是会自动执行的,什么时候执行呢?就当我们在使用new加类名的时候,就会自动去执行实例对象上的方法。好,然后呢,里边咱们加这个brand,还有呢,Press下边都一样啊this.brand等于一个brand this.press等于一个press,好,那方法我该怎么加呢?那属性这块没啥问题的,方法怎么加?来看一下直接括号,小括号,花括号,小括号里边呢,你写这个行参,花括号里边你写代码体。啊是一样的,但是注意这块呢,必须使用这样的语法方法,必须使用这个该语法啊,不能使用ES5的这个对象完整形式。
04:03
什么意思呢,就同学呢,写这个ES5对象写习惯了啊,我这样写冒号发我这样去写,对不起,这种语法在class里边不支持啊,必须是方法名加小括号,然后加花括号。好,然后在里边我们输出啊,我可以打电话。好搞定,这个时候呢,累咱们就就绪了啊,就绪以后就可以实体化let这个手机呢,One plus。啊,等于一个new送。啊,然后呢,品牌是一加一加。价格的话,1999,当然我没有买过啊,我只猜了一个价格,好,Log one plus。保存。点开看一下brand price。跟刚才这个是不是一样的,好,我们可以点开。点开它保存,一起来看一下哦,这个地方咱们的这个凤呢,重名了啊,凤给重名了,咱们这样子啊,把名字呢换一下,换成一个手机。
05:10
来看一下,点开点开看这是不是一样的,然后点开这儿,然后点开这儿看一下是不是一样的,对吧?啊都是这个方法,当然只是颜色显示不太一样,它是上功能上面就是方法上面都是存在的。好了,那么这个小节呢,咱们对class的一个初体验就先到这儿。
我来说两句