ES6 Class 类定义和使用

浅浅的花香味﹌ 2022-11-06 00:53 173阅读 0赞

类的基本定义和使用

//constructor() 方法是类的构造方法（默认方法），用于传递参数，返回实例对象
    //通过 new 命令生成对象实例时，自动调用该方法。如果没有定义，类内部会自动给我们创建一个
    
    // 创建类
    class Star { 
        constructor(uname) { 
        	// this.uname 指向了new 实例
            this.uname = uname
        }
    }
    // 创建实例
    var star = new Star('测试')
    
    console.log(star.uname)

类中添加方法

class Star { 
        constructor(uname) { 
            this.uname = uname
        }
        // 定义在 类中的方法不需要写 function，多个方法之间不需要添加逗号分割
        sing() { 
            console.log(this.uname + '类中的方法')
        }
        data(val) { 
            console.log(this.uname + val)
        }
    }
    var star = new Star('测试')
    console.log(star.sing())
    console.log(star.data('不需要添加逗号分割'))

类的继承

// 父类 Father
    class Father { 
        constructor() { 
        }
        money() { 
            console.log(100)
        }
    }
    
    // 子类 Son
    class Son extends Father { 
        
    }
    var son = new Son()
    son.money();

super 关键字用于访问和调用对象父类上的函数，可以调用父类构造函数，也可以调用父类普通函数

// 父类 Father
    class Father { 
        constructor(x, y) { 
            this.x = x;
            this.y = y;
        }
        sum() { 
            console.log(this.x + this.y);
        }
    }
    // 子类 Son 
    class Son extends Father { 
        constructor(x, y) { 
            // 指向的是自己
            // this.x= x;
            // this.y = y;
            // 指向父类
            super(x, y);
        }
    }
    var son = new Son(1, 2);
    son.sum();

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript6（ES6）标准之class类的定义、继承

在ES4的时候，草案中就已经出现了class 不过ES4由于过于激进，和一系列问题被大家抵制不过大家现在完全不用担心ES6步ES4的后尘类定义 ...

女爷i/ 2024年04月18日 06:12/ 0 赞/ 95 阅读

相关 ES6中新增class类

我们都知道JavaScript是弱类型的语言，其缺陷就是缺乏严谨性，但是在JavaScript发展的过程中需要慢慢的弥补这些缺陷，于是便在ES6中出现了类的概念。文

小灰灰/ 2023年07月17日 06:26/ 0 赞/ 51 阅读

相关 ES6（7）：class类

1. class介绍 ES6 提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的clas

分手后的思念是犯贱/ 2022年12月26日 08:17/ 0 赞/ 198 阅读

相关 ES6--class类

class类的使用详解 1.通过class定义类/实现类的继承 2.在类中通过constructor重新定义类 3.通过new来创建类的实例 4.通过exten

我会带着你远行/ 2022年12月06日 12:37/ 0 赞/ 242 阅读

相关 ES6 Class 类定义和使用

类的基本定义和使用 //constructor() 方法是类的构造方法（默认方法），用于传递参数，返回实例对象 //通过 new 命令生成对象实例时，自动调用

浅浅的花香味﹌/ 2022年11月06日 00:53/ 0 赞/ 174 阅读

相关 es6 class类

class类 class Person \{ constructor(name, age, job) \{ this.name = n

秒速五厘米/ 2022年06月08日 02:13/ 0 赞/ 282 阅读

相关 ES6中的类（Class）

有过JavaScript开发经历的小伙伴们肯定都知道，`class`这个关键字一直以来都是作为系统保留字而不允许使用。而在ES6中，`class`关键字终于排上了用场。文

左手的ㄟ右手/ 2022年02月21日 13:53/ 0 赞/ 364 阅读

相关 ES6新特性 class(类定义和使用)

intro 在ES6中，引入了`class`关键字用于快速地定义“类”。在JS中，“类”的本质是`function` 可以将其看做一个语法糖，让对象原型的写法更

电玩女神/ 2022年02月20日 07:16/ 0 赞/ 303 阅读

相关 ES6--Class类

Class概述概述在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。 class 的本质是 function。它可以

喜欢ヅ旅行/ 2021年08月14日 00:29/ 0 赞/ 570 阅读

相关 es6 class定义类、单例类

ES6 class 1、有自己的构造函数 2、类中的一般方法会被统一放到原型上 3、使用extends继承 4、子类

Myth丶恋晨/ 2021年07月24日 17:05/ 0 赞/ 533 阅读