es6 Class 表达式

Class 表达式

与函数一样，ES6 类也可以使用表达式的形式定义。

const MyClass = class Me {
getClassName() {
return Me.name;
}
};

上面代码使用表达式定义了一个类。需要注意的是，这个类的名字是MyClass而不是Me，Me只在 Class 的内部代码可用，指代当前类。

let inst = new MyClass();
inst.getClassName() // Me
Me.name // ReferenceError: Me is not defined

上面代码表示，Me只在 Class 内部有定义。

如果类的内部没用到的话，可以省略Me，也就是可以写成下面的形式。

const MyClass = class { /* ... */ };

采用 Class 表达式，可以写出立即执行的 Class。

let person = new class {
constructor(name) {
this.name = name;
}
sayName() {
console.log(this.name);
}
}('张三');
person.sayName(); // "张三"

上面代码中，person是一个立即执行的类的实例。

es6 Class 表达式相关推荐

es6 yield表达式
yield表达式如果在 Generator函数内部,调用另一个 Generator函数,默认情况下是没有效果的. function* foo() { yield 'a'; yield 'b'; } ...
Flutter学习之Dart语法特性
一.前言第一天把Flutter环境搭建了,并简单实现第运行第一个Flutter项目,感觉很不错,一些基本操作和原生体验差不多.用Flutter框架写过App项目的开发者都知道,Flutter是一个使 ...
webstorm 不识别.config文件_用TypeScript开发手势库 - (2)tsconfigamp; rollup.configamp;npx...
用TypeScript开发手势库 - (2)tsconfig.json & rollup.config.js & npx any-touch 一个手势库往期目录用 TypeScri ...
web 前端学习线路图
web 前端学习线路图一.HTML 教程 HTML教程 HTML简介 HTML编辑器 HTML基础 HTML元素 HTML属性 HTML标题 HTML段落 HTML样式 HTML格式化 HTML引用 ...
TS 类的这10个知识点你掌握了吗？
在面向对象语言中,类是一种面向对象计算机编程语言的构造,是创建对象的蓝图,描述了所创建的对象共同的属性和方法. 一.类的属性与方法 1.1 类的成员属性和静态属性在 TypeScript 中,我们可 ...
【TS】1119- TS 类这十个知识点你都掌握了么？
在面向对象语言中,类是一种面向对象计算机编程语言的构造,是创建对象的蓝图,描述了所创建的对象共同的属性和方法.本文阿宝哥将跟大家一起学习一下 TS 类涉及的十个知识点. 一.类的属性与方法 1.1 类 ...
2020-web前端-JavaScript基础笔记
==================================================================================================== ...
React新闻网站项目
一.创建React项目页面展示 1.打开终端 // 创建react项目 $ npx create-react-app my-app // 进入文件目录 $ cd my-app // 运行 $ npm ...
前端打包工具Esbuild--模块化、ESM、esbuild-loader、
模块化编程在前端领域已非常普遍,应用程序中将各种功能细分成独立的模块(单独文件)进行开发.module bundler 将所有文件串联起来变成了必须. JavaScript 社区中有很多程序的打包工具 ...

es6 Class 表达式

Class 表达式

es6 Class 表达式相关推荐

最新文章

热门文章