美文网首页
构造函数

构造函数

作者: 张宪宇 | 来源:发表于2022-06-04 09:52 被阅读0次

es5

 function P1(x,y){
   this.x = x;
   this.y= y;
 }
 P1.prototype.run = function(){
   console.log('run跑起来,x',this.x);
 }
 let p1 = new P1(99,88);
 p1.run();
 P1.xx = '挂载到函数上';
 console.log('p1.xx',p1.xx)

es6

 class P2{
   static xx = '挂载到类上';
   //构造函数中只做一件事:初始化数据
   constructor(x,y){
    this.x = x;
    this.y= y;
   }
   run(){
    console.log('run跑起来,x',this.x);
   }
 }
 let p2 = new P2(99,88);
 p2.run();
 console.log('p2.xx',p2.xx);

继承

 class A {
   constructor(a){
     console.log('父类构造函数执行了');
     this.a = a;
   }
 }
 //继承只能单继承
 class B extends A {
   constructor(c,d){
     //需要执行父类构造函数:让我们具备a属性
     super(d);
     this.b = c;
     console.log('b中的this',this);
   }
 }
 //如果出现同名属性:优先子类
 let b1 = new B('c','d');
 console.log(b1);

 let a1 = new A('f');
 console.log(a1);

相关文章

  • Flutter 6种构造函数详解

    Flutter有生成构造函数、默认构造函数、命名构造函数、重定向构造函数、常量构造函数、工厂构造函数 一.生成构造...

  • C# 构造函数总结

    构造函数 构造函数分为:实例构造函数,静态构造函数,私有构造函数。 实例构造函数 1、构造函数的名字与类名相同。 ...

  • Javascript 基础之原型链

    构造函数、构造函数实例、构造函数原型 function Student (name) { } - 这是构造函数va...

  • Swift基础语法-类的构造函数

    本节知识点 构造函数的介绍 构造函数的基本使用 自定义构造函数 属性与构造函数 1. 构造函数的介绍 构造函数类似...

  • C++:面向对象基础

    构造函数 C++中有三种构造函数:默认构造函数,有参构造函数,拷贝构造函数 类对象的初始化 括号法//默认构造函数...

  • 构造函数

    构造函数分为: 1.实例构造函数 2.私有构造函数 3.静态构造函数 私有构造函数 私有构造函数是一种特殊的实例构...

  • Dart整理

    Dart构造函数 普通构造函数和命名构造函数 默认构造函数一个类没有声明构造函数,默认会有一个无参构造函数,声明了...

  • Kotlin面向对象 (3)✔️构造函数

    主构造函数次构造函数默认构造函数 kotlin中的构造函数有主次之分,主构造函数只能有一个,此构造函数可以有多个。...

  • [C++之旅] 10 构造函数

    [C++之旅] 10 构造函数 构造函数的特点 构造函数在对象实例化时被自动调用 构造函数与类同名 构造函数没有返...

  • Java基础-3 构造函数

    构造函数: 构造函数的作用: 给对应的对象进行初始化。 构造函数的格式: 构造函数要注意的细节:1. 构造函数是...

网友评论

      本文标题:构造函数

      本文链接:https://www.haomeiwen.com/subject/tsykmrtx.html