ES6中新语法

 一、构造函数                                                                                                                                        ES5中的构造函数语法:  let Student=function(name,age,sex){                                                                                              this.name=name,this.age=age,this.sex=sex}                                                                                Student.prototype.sayHi=function(){console.log(this.name,                                                           this.age,this.sex`);}  (在Student的原型对象中添加sayHi)                     ES6中的构造函数语法: class Student{constructor(name,age,sex){this.name=name,                                                          this.age=age,this.sex=sex}                                                                                                             sayHi( ){console.log(this.name,this.age,this.sex);}}   

扩展:上面提到了prototype,prototype属性是类的原型对象 ;在原型对象中定义类的方法,会提高代码的利用率。  类似于prototype还有一个__proto__属性,此属性是对象的原型对象。注意:同种类型多个对象上的原型对象共同指向类型上的原型对象。

二、继承                                                                                                                                               ES5中的继承重点在于 (1)继承父类的属性:父类名称.call(this,父类的属性名1,父类的属性名2);                                                                                                                                                                                   (2)继承父类的方法:子类名称.prototype= new 父类名称()             ES6中的继承重点在于: 关键字extends和关键字super



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先对this的下个定义:this是在执行上下文创建时确定的一个在执行过程中不可更改的变量。 this只在函数调用...
    阿良__阅读 1,899评论 1 1
  • 在es6中的面相对象与es5中的面向对象的区别是极大的,ea6中的面相对象则更像原汁原味的后端语言像java,c+...
    追key阅读 767评论 0 7
  • 面向对象三大特征 继承 封装 多态(函数工厂根据传参加载不同的类) 面向对象写法(构造函数+原型链)1.属性一般通...
    老弟在学习中阅读 118评论 0 1
  • 1.函数 无参数的函数: 声明函数:function 函数名(){ 函数体 ...
    玥歆阅读 192评论 0 0
  • 1. apply、call 、bind有什么作用,什么区别? call ,apply的作用:调用一个函数,传入函数...
    Rising_suns阅读 403评论 0 0