美文网首页
ES6中class类

ES6中class类

作者: 小溪流jun | 来源:发表于2021-09-22 10:29 被阅读0次
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /* 
        Es6中的class类
        ES6 的类,完全可以看作构造函数的另一种写法。
        class使用的时候,也是直接对类使用new命令,跟构造函数的用法完全一致。
        类的内部所有定义的方法,都是不可枚举的(non-enumerable)。
        constructor()方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法
        类必须使用new调用,否则会报错。这是它跟普通构造函数的一个主要区别,后者不用new也可以执行
    
     */

    // function Point(x, y) {
    //  this.x = x;
    //  this.y = y;
    // }
    // Point.prototype.toString = function () {
    //  return '(' + this.x + ', ' + this.y + ')';
    // };
    // var p = new Point(1, 2);
    // console.log("00000000", p)

    class Point {
        constructor(x, y) {
            this.x = x;
            this.y = y;
        }
        toString() {
            return '(' + this.x + ', ' + this.y + ')';
        }
    }

    Object.assign(Point.prototype, {
        toNum() { },
        toValue() { }
    });
    let a = new Point(2, 3)
    //a是Point的实例
    console.log(a)
</script>

</html>

相关文章

  • 深入理解JS面向对象 - JavaScript实现继承的五种方式

    一、类与实例 1. 类的声明 传统function类的声明 ES6中的class声明 1.1 ES6 class与...

  • 深入理解ES6中class的this指向

    在ES6中,引入了类似其他语言的类的写法:即class(类),作为类对象模板。ES6 的class可以看作一个语法...

  • ES6 class类

    在ES6以前,没有类的概念,所有的面向对象都是基于原型实现的。ES6中可以通过class定义类,但是class的本...

  • ES6 class与继承

    class是什么 class是定义类的方法。ES6之前用构造函数的方式定义类,ES6引入了class。 class...

  • [JavaScript] class

    ES6中的class基于原型继承创建类。 (1)class只是原型继承的语法糖 相当于: 注: class定义中...

  • ES6

    ES6是一个语言标准,不是一个框架。 ES6中的class与继承 class是创建类对象与实现类继承的语法糖,旨在...

  • Day2. JSX核心语法一, 跟着Demo入门JSX

    一. Javascript类的定义 JS语法补充 ES5中定义类 class ES6开始才有的关键字 ES6中通过...

  • ES6中的新语法规范数组去重

    ES6中的新语法规范 let / const class 创建类 import / export :ES6 Mod...

  • 26- class 类与继承

    1、ES5 中基于原型的构造函数 2、ES6 的 class关键字 ES6 引入了 Class(类)这个概念,作为...

  • 2JavaScript设计模式--class/extends

    ES6语法 类 class ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板...

网友评论

      本文标题:ES6中class类

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