首页 > 其他分享 >对比es6class类和构造函数

对比es6class类和构造函数

时间:2022-09-02 12:02:19浏览次数:71  
标签:class radius toFixed es6class PI 对比 Math 构造函数

  • 构造函数 

  •  在原来class 类这个语法糖没有出来之前 我们一般会把方法挂在prototype 上 为了防止过多的开辟内存

  •  1  // 构造函数--------------------------------------------------------
     2       function Round(radius) {
     3         this.radius = radius;
     4         this.PI = Math.PI;
     5         this.arr = [this.area().toFixed(2), this.perimeter().toFixed(2)];
     6       }
     7       Round.prototype.area = function () {
     8         return this.PI * Math.pow(this.radius, 2);
     9       };
    10       Round.prototype.perimeter = function () {
    11         return 2 * this.PI * this.radius;
    12       };
        console.log(new Round(4).arr);// 打印 ['50.27', '25.13']

     

  • es6 class 写法

  • class 是个语法糖是把上面的方法重新封装把方法直接写在class这个大类里就等于挂在prototype 上
  •  1       //   es6 新写法---------------------------------------------------
     2       class MyRound {
     3         constructor(radius) {//固定的
     4           this.radius = radius;
     5           this.PI = Math.PI;// 调用Math对象的PI
     6           this.arr = [this.area().toFixed(2), this.perimeter().toFixed(2)];//toFixed 保留两位小数
     7         }
     8         area() {//自己定义的
     9           return this.PI * Math.pow(this.radius, 2);//Math.pow()平方 
    10         }
    11         perimeter() {//自己定义的
    12           return 2 * this.PI * this.radius;
    13         }
    14       }
    15       console.log(new myRound(4).arr);// 打印 ['50.27', '25.13']

     

标签:class,radius,toFixed,es6class,PI,对比,Math,构造函数
From: https://www.cnblogs.com/qiaomucreate/p/16649247.html

相关文章

  • 备用电源自动投入装置与无扰动快切装置的对比
    备用电源自动投入装置与无扰动快切装置的作用对比    在对供电可靠性要求较高的煤矿,化工,厂房,变电所,一般采用两个独立电源供电,且通常采用一个电源工作,另一个电源备......
  • 2. 对比redis的RDB、AOF模式的优缺点
    2. 对比redis的RDB、AOF模式的优缺点 2.1 redis的RDB模式2.1.1RDB模式工作原理  RDB(RedisDataBase):基于时间的快照,其默认只保留当前最新的一次快照,特点......
  • JavaScript 中的构造函数和新的运算符
    JavaScript中的构造函数和新的运算符ConstructorFunctionsandthenewOperator你好,我是Gibson,在这篇博客中,我们将学习构造函数和新的运算符。我们可以使用构造函......
  • 数据湖三剑客 Hudi、Delta、Iceberg 对比
    一、介绍在构建数据湖时,也许没有比数据格式存储更具有意义的决定。其结果将对其性能、可用性和兼容性产生直接影响。通过简单地改变数据的存储格式,我们就可以解锁新的......
  • 构造函数初始化列表
    一.构造函数初始化列表的基本形式构造函数初始化列表以一个冒号开始,接着是以逗号分隔的数据成员列表,每个数据成员后面跟一个放在括号中的初始化式。第一种:......
  • MATLAB 读取csv文件效率对比
    1、读取文件18.9s[A,B,C]=xlsread('inv_5249_1_min.csv'); 2、读取文件5.34sCell_Datao=readtable('inv_5249_1_min.csv'); 3、读取文件1s以内file_id=fop......
  • MATLAB 时间读取变为向量格式效率对比
    %---数据时间读取1---%测试时间:39s%ticDataori_time=Cell_ss(:,1);da_time=zeros(length(Cell_ss),6);forj=1:length(Dataori_time)dm_time=Dataori_tim......
  • Entity 和primitive 对比
    Entity和primitive对比entity偏向数据,primitive偏向图形.primitive更底层entity用法简单,primitive用法复杂。我们会有这样的疑问:entity已经封装的如此完美,调用如此便......
  • JetBrains 里不为人知的秘密(17)---对比文件---最新(2022-08-30) 大飞
    JetBrains里不为人知的秘密(17)---对比文件---最新(2022-08-30)大飞比较项目文件在macOS上按 ⌘1(在Windows和Linux上按 Alt+1)打开 Project(项目)工具窗口,或者......
  • Delphi 中constructor、destructor、property(构造函数,析构函数、属性)关键字的用法
    首先搜索现成的文章学习原文:https://www.cnblogs.com/guorongtao/p/15132445.html其次自己理解并总结最常见的用法constructor用来定义构造函数,destructor用来定义析构......