es6 语法 （类与对象）

{ // 基本定义和生成实例 class Parent{ constructor(name='mukewang'){ this.name=name; } } let v_parent1=new Parent(); let v_parent2=new Parent('v'); console.log('构造函数和实例',v_parent1,v_parent2); // Parent {name: "mukewang"};Parent {name: "v"} } { // 继承 class Parent{ constructor(name='mukewang'){ this.name=name; } } class Child extends Parent{ } console.log('继承',new Child());//Child {name: "mukewang"} } { // 继承传递参数 class Parent{ constructor(name='mukewang'){ this.name=name; } } class Child extends Parent{ constructor(name='child'){ super(name); this.type='child'; } } console.log('继承传递参数',new Child('hello')); //_Child {name: "hello", type: "child"} } { // getter,setter class Parent{ constructor(name='mukewang'){ this.name=name; } get longName(){ return 'mk' this.name } set longName(value){ this.name=value; } } let v=new Parent(); console.log('getter',v.longName);//mkmukewang v.longName='hello'; console.log('setter',v.longName);//mkhello } { // 静态方法 class Parent{ constructor(name='mukewang'){ this.name=name; } static tell(){ console.log('tell'); } } Parent.tell(); //tell } { // 静态属性 class Parent{ constructor(name='mukewang'){ this.name=name; } static tell(){ console.log('tell'); } } Parent.type='test'; console.log('静态属性',Parent.type); //test }

 

更多专业前端知识，请上 【猿2048】www.mk2048.com