ES6 Class

最新推荐文章于 2023-08-02 10:37:29 发布
原创 最新推荐文章于 2023-08-02 10:37:29 发布 · 168 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

ES6引入了Class作为对象模板，具有constructor、实例、静态方法、继承等特性。Class内部方法默认严格模式，不存在变量提升，name属性返回类名，支持Generator方法，this指向类的实例。通过extends关键字实现继承，super关键字在不同场景下有不同的作用。同时，类的prototype属性和proto属性形成两条继承链。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ES6引入了Class类的概念，作为对象的模板，通过class关键字，可以定义类；基本上，ES6的class可以看作只是一个语法糖

constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法；一个类必须有contructor方法，如果没有显示定义，一个空的constructor方法会被默认添加

类的实例

与ES5一样，类的所有实例共享一个原型对象

可以通过实例的__proto__属性为类添加方法

 可以通过Object.getProptotypeOf()方法来获取实例对象的原型，然后再来为原型添加方法或属性

取值函数getter和存值函数setter

 

-----静态方法

类相当于实例的原型，所有在类中定义的方法，都会被实例继承；如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”

如果静态方法包含this关键字，这个this指向的是类，而不是实例

----extends

Class可以通过extends关键字来实现继承

ES5的继承，实质上是先创造子类的实例对象this，然后再将父类的方法添加到this上面；

ES6的继承，实质上是先将父类实例对象的属性和方法，加到this上面，然后再用子类的构造函数修改this；在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错；这是因为子类实例的构建，基于父类实例，只有super方法才能调用父类实例

 -----Object.getPrototypeOf()

可以用来从子类上获取父类，用来判断一个类是否继承了另一个类

----super关键字

super这个关键字，既可以当作函数使用，也可以当作对象使用

super作为函数调用时，代表父类的构造函数 

super作为对象时，在普通方法中，指向父类的原型对象；在静态方法中，指向父类

由于对象总是继承其他对象的，所以可以在任意一个对象中，使用super关键字

----类的prototype属性和proto属性

在大多数浏览器的ES5实现之中，每一个对象都有__proto__属性，指向对应的构造函数的prototype属性；Class作为构造函数的语法糖，同时有prototype属性和__proto__属性，因此同时存在两条继承链

1.子类的__proto__属性，表示构造函数的继承，总是指向父类

2.子类prototype属性的__proto__属性，表示方法的继承，总是指向父类的prototype属性

----实例的proto属性

子类实例的__proto__属性的__proto__属性，指向父类实例的__proto__属性，即子类的原型的原型，是父类的原型

 

注意点：

1.严格模式  类和模块的内部，默认就是严格模式，所以不需要使用use strict指定运行模式

2.不存在提升  类不存在变量提升

3.name属性  由于本质上，ES6的类只是ES5的构造函数的一层包装，所以函数的许多特性都被Class继承，包括name属性；name属性总是返回紧跟在class关键字后面的类名

4.Generator方法  如果某个方法之前加上星号* 就表示该方法是一个Generator函数

5.this指向  类的方法内部如果含有this，它默认指向类的实例

java面向对象03_构造方法（construtor）
安德的博客
02-29 695
1.构造方法简介 构造方法也叫构造器(constructor)，用于给对象进行初始化操作，即为对象成员变量赋初始值。 声明格式： [修饰符] 类名(形参列表) { } 注意事项： 构造方法名必须和类名相同，采用大驼峰命名规范。 构造方法不用定义返回值类型，在方法体中不允许return具体的数据。 构造方法必须通过new关键字调用，是一种特殊的方法。 **【新手雷区】**对象创建完...
一文了带您了解 ES6 Class 用法
我哎GIS博客
09-05 1991
ES6中的class是基于JavaScript中的一个强大的属性，也就是原型属性prototype，由这个属性改良得来的一种语法糖。在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。
Promise源码
weixin_44341294的博客
08-19 218
手写Promise源码 class Promise{ //构造方法 constructor(executor){ //添加属性 //[[PromiseState]] 双括号表明内部属性 this.PromiseState = 'pending' this.PromiseResult = null; this.callbacks = [] //保存实例对象的this const _this = this //resolve函数 f
使用ES6中Class实现手写PromiseA+,完美通过官方872条用例
web前端开发
06-01 472
来源 |https://www.cnblogs.com/echoyya/p/14695457.html今天这篇文章主要带领你手写一个Promise源码，学完你就会发现：Promise没有...
ES6之Promise、Class类与模块化（Modules）
明哥
08-02 1077
在早期版本的 JavaScript 中，并没有内置的模块系统，但现代的 JavaScript 引擎（如Node.js和浏览器中的ES6模块）已经支持对模块的原生语法和功能。导入和导出的语法：模块的导入和导出可以有不同的语法形式，具体取决于使用的 JavaScript 平台和环境。默认导出（Default Export）：一个模块可以有一个默认导出，即默认导出一个值（变量、函数、类等）。可以在子类的构造函数中调用父类的构造函数，并传递需要的参数。关键字，我们可以引入其他模块导出的内容，并在当前模块中使用。
手写Promise(es5 function版本 和 ES6 class版本)
wl_qianduan的博客
09-01 339
ES5 function完整版本 //声明构造函数 function Promise(executor) { const self = this; //声明属性 self.promiseStatus = 'pending'; self.promiseValue = ''; self.callbacks = []; //声明函数 resolve function resolve(data) { //状态修改唯一性 if (
详解ES6 CLASS在微信小程序中的应用实例
10-15
在ES6中，`CLASS`关键字的引入是为了提供一种更面向对象的语法糖，使得JavaScript的类更加符合传统的面向对象编程。在微信小程序中，我们可以利用`CLASS`来创建更结构化的组件，提高代码的可读性和可维护性。本文将...
es6class:ES6 命令行类生成器
06-02
es6class ES6 命令行类生成器 安装 $ npm install -g es6class 用法 es6class允许您使用命令行非常快速地生成 EcmaScript 6 类文件。 $ es6class file.js MyClass 这将使用以下代码生成一个名为file.js的 ...
js代码-es6 class测试
07-15
在JavaScript的世界里，ES6（ECMAScript 2015）引入了许多新的特性，其中`class`关键字的出现使得面向对象编程变得更加简洁和易读。`class`并不是JavaScript中的新概念，它实际上是对现有原型继承机制的一种语法糖，...
ES6 class的应用实例分析
10-16
在ES6中，`class`关键字的引入是为了提供一种更简洁、更易读的方式来定义类。在JavaScript中，虽然之前已经支持基于原型的面向对象编程，但`class`语法更接近传统的面向对象语言，如Java或C#。下面将详细讨论`class`...
JavaScript中利用原型链继承时construtor的修正
yangyang的专栏
07-04 421
主要问题是：为何要做A.prototype.constructor=A这样的修正？ 参考前两个链接就可以大致了解。 我们知道，每个函数都有默认的prototype，这个prototype.constructor默认指向的就是这个函数本身。在未给Woman指定Person作为原型之前，Woman.prototype.constructor或者woman.proto.constructor指向的就是W...
3.Contructor(构造器)模式—精读《JavaScript 设计模式》Addy Osmani著
weixin_34212189的博客
11-12 214
同系列友情链接: 1.设计模式之初体验—精读《JavaScript 设计模式》Addy Osmani著 2.设计模式的分类—精读《JavaScript 设计模式》Addy Osmani著 Construct（构造器）模式 在经典的面向对象编程语言中，Construtor是一种在内存已分配给该对象的情况下，用于初始化新创建对象的特殊方法。 在 JavaScript 中，几乎所有东西都是都是对象，...
面试题
zj20165149的博客
02-14 442
目录什么是可变参数？说说http,https协议"=="和equals方法究竟有什么区别？&和&&的区别？.super.getClass()方法调用？10条SQL优化技巧谈谈final, finally, finalize的区别HashMap和Hashtable的区别。String s = new String("xyz");创建了几个String Object?sleep...
ES6--class类（详解/看完必会）
蜗牛~~
02-22 1万+
ES6中class类的学习，看完必会
class类中constructor构造器的理解
weixin_38222276的博客
04-14 2088
class 类constructor的理解 1.类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定属性时才写 2.如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须要调用的。 3.类中所定义的方法，都是放在了类的原型对象上，供实例去使用 4.类的方法 放在了类的原型对象上，供实例使用 ...
Constructor详解
zhangquanit的专栏
10-26 1万+
Constructor 提供获取构造方法信息，并可生成实例。
Spring自动注入construtor
北京Java青年
06-13 714
1.application.xml配置文件<!-- 配置dao层bean --> <bean id="edi" class="dao.impl.EmpDaoImpl"> <property name="sessionFactory" ref="sessionFactory"></property> </bean> <bean id="edi2"
constructor功能及用法
热门推荐
不能再菜
08-11 1万+
我们必须了解的一些概念： 所有的函数都有一个prototype属性，它是一个对象。 prototype有一个constructor的属性，默认是指向prototype所在的构造函数。 constructor会被实例继承。他的作用就是表名某个实例对象是由哪个构造函数产生的。如下，p是没有constructor 的，他的constructor 就指向P function P(){} const p = new P(); p.constructor === P // true 利用constructor
Java中的constructor
445822357
11-05 3009
Java中的构造方法总结 今天写代码突然发现Java的构造方法也有不少说法呢，闲来无事，总结一下： 构造方法和实例方法的区别： 一、主要的区别在于三个方面：修饰符、返回值、命名 1、和实例方法一样，构造器可以有任何访问的修饰符，public、private、protected或者没有修饰符 ，都可以对构造方法进行修饰。不同于实例方法的是构造方法不能有任何非访问性质的修饰符修饰，例如sta...
es6 class
最新发布
10-13
ES6引入了class关键字来创建类，这是JavaScript面向对象编程的一种新的语法糖。它让代码看起来更像传统面向对象语言，简化了类的定义。一个基本的ES6类由以下几个部分组成： 1. **Class声明**：`class ClassName { }`，这里的ClassName是你自定义的类名。 2. **构造函数**：默认的构造函数被称为`constructor`，它会在创建新实例时自动执行，可以设置初始化行为。 3. **属性**：通过`let`, `const`, 或者`private`、`protected`、`public`关键字声明类的成员变量。 4. **方法**：包括实例方法（在实例上调用），静态方法（不依赖实例调用）和访问修饰符控制的成员函数。 5. **原型链**：所有ES6类都有一个隐式原型(`__proto__`)，用于继承其他类的属性和方法。 例如： ```javascript class Person { constructor(name) { this.name = name; } sayHello() { console.log(`Hello, my name is ${this.name}.`); } } // 创建一个Person实例 const person = new Person('Alice'); person.sayHello(); // 输出 "Hello, my name is Alice." ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值