JavaScript -- ES6中类的等价写法

快来打我* 2022-03-22 03:28 432阅读 0赞

尽管类与自定义类型之间有相似性，但仍然要记住一些重要的区别：

**1. 类声明不会被提升，这与函数定义不同。类声明的行为与 let 相似，因此在程序的执行  
到达声明处之前，类会存在于暂时性死区内。  
2. 类声明中的所有代码会自动运行在严格模式下，并且也无法退出严格模式。**

**3. 类的所有方法都是不可枚举的，这是对于自定义类型的显著变化，后者必须用  
Object.defineProperty() 才能将方法改变为不可枚举。  
4. 类的所有方法内部都没有 \[\[Construct\]\] ，因此使用 new 来调用它们会抛出错误。  
5. 调用类构造器时不使用 new ，会抛出错误。  
6. 试图在类的方法内部重写类名，会抛出错误。**

我们来看一个简单的类。

class Person {
        constructor(name) {
            this.name = name;
        }
        sayName () {
            return this.name;
        }
    }

那么根据以上规则，我不得不该写成为

let Person = (function () {//let 
        "use strict";//严格模式
        const Person = function (name) { //类的方法不得重写类名
            if (typeof new.target === "undefined") { //必须以new 调用
                throw new Error("You should use new to call this function");
            } else {
                this.name = name;
            }
        }
    
        Object.defineProperty(Person.prototype, "sayName", {
            value: function () {
                if (typeof new.target !== "undefined") { //不得以new 调用
                    throw new Error("You shouldn't use new to call this function!");
                }
                return this.name
            },
            enumerable: false, //不可枚举
            writable: true,
            configurable: true
        })
        return Person;
    })();

所以用es6的语法非常简单。

发表评论取消回复

表情：

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

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

相关阅读

相关 [JavaScript][ES6]ES5/ES6 的继承除了写法以外还有什么区别？

ES5/ES6 的继承除了写法以外还有什么区别？ 1.class 声明会提升，但不会初始化赋值。Foo 进入暂时性死区，类似于 let、const 声明变量。

缺乏、安全感/ 2022年11月30日 01:41/ 0 赞/ 187 阅读

相关【视频教程】Javascript ES6 教程43—ES6 类的扩展

![f8d2e74857314a2fa195c0f63aac9479.png][] 在前面，我们一起学了前42节的内容，今天我们开始第43节的内容《ES6 类的扩展》，希望对

迷南。/ 2022年09月14日 03:12/ 0 赞/ 135 阅读

相关【视频教程】Javascript ES6 教程42—ES6 类

![5705f4d95c1c9ad34a1f4763340c2477.png][] 在前面，我们一起学了前41节的内容，今天我们开始第42节的内容《ES6 类》，希望对你有所

一时失言乱红尘/ 2022年09月12日 05:47/ 0 赞/ 162 阅读

相关 React中es5与es6写法对比

> 1.引入与导出方式不同 > > //ES5 var React = require(“react”); > //ES6 import React, \{ Compon

迷南。/ 2022年05月30日 03:24/ 0 赞/ 242 阅读

相关原生Ajax写法和ES6中Promise结合Ajax写法

原生AJAX var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台

亦凉/ 2022年04月13日 09:48/ 0 赞/ 227 阅读

相关 es6技巧写法

为class绑定多个值普通写法 :class="{a: true, b: true}" 其他 :class="['btn', 'btn

怼烎@/ 2022年04月10日 04:52/ 0 赞/ 212 阅读

相关 JavaScript -- ES6中类的等价写法

尽管类与自定义类型之间有相似性，但仍然要记住一些重要的区别： 1. 类声明不会被提升，这与函数定义不同。类声明的行为与 let 相似，因此在程序的执行到达声明处之前，类

快来打我*/ 2022年03月22日 03:28/ 0 赞/ 433 阅读

相关 ES6中的类（Class）

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

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

相关 ES6中的类

前面的话　　大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，这种状态一直延续到了ES5。由于类似的库层

迷南。/ 2021年09月30日 15:42/ 0 赞/ 335 阅读

相关 JavaScript类的写法

一.js类的基本含义我们知道，在js中，是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性，因此，原型对象是类的核心。类是对象的抽象，而对象是类的具体实

矫情吗；*/ 2021年09月14日 14:20/ 0 赞/ 313 阅读