ES6新特性_ES6语法糖-class的类继承---JavaScript_ECMAScript_ES6-ES11新特性工作笔记036

最新推荐文章于 2022-12-22 16:44:22 发布
最新推荐文章于 2022-12-22 16:44:22 发布
阅读量342 收藏
点赞数
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.csdn.net/lidew521/article/details/113445134
版权

然后我们再来看一下, class类的继承,

上一讲,我说了一下es5中,类的继承,可以看到,es5的写法,真的是..

四不像,感觉像c?

 

所以,现在es6,支持的写法,这个写法有点像java了,理解起来好理解啊:

去看看我们先声明一个Phone类,有个构造方法

有个品牌,价格这两个参数

然后再写一个call方法

 

然后我们再去写一个类SmartPhone 继承Phone

然后我们给SmartPhone写上构造方法,

可以看到构造方法中也是需要super(),先写上父类的参数,这个就比较像java,面向对象的编程了.

然后我们添加两个方法,photo(),然后playGame()

然后我们

了解本专栏 订阅专栏 解锁全文 超级会员免费看
添柴程序猿
关注
专栏目录
订阅专栏
ES6新特性_ES6语法糖_class静态成员---JavaScript_ECMAScript_ES6-ES11新特性工作笔记034
添柴程序猿的专栏
01-30 309
再来看一下class的静态成员 可以看到上面是es5的写法,我们写了个Phone这个函数,相当于一个类 然后给这个Phone类添加了change这个方法, 然后我们创建了Phone这个实例对象. 然后我们输出nokia.name 可以看到是undefined. 这里说明啥?说明Phone.name这个声明的这个属性,是类的属性,而不是实例的属性对吧. 所以实例拿不到这个name 然后我们去调用这个change方法,去看看也出错了 这说明什么? 说明这个Phon...
ES6新特性_ES6语法糖class介绍与初体验_就是个语法糖而已---JavaScript_ECMAScript_ES6-ES11新特性工作笔记033
添柴程序猿的专栏
01-30 373
然后我们看es6中的class,es6中引入这个class这个概念,为了让js的写法更加的 面向对象,写起来方便好理解一些. 其实就是个语法糖而已,他的这个功能,es5的语法都能实现. . 可以看看es6中的class介绍 可以看到以上是es5中对创建一个对象的方法的实现. 通过function声明一个类,然后通过类名.prototype.call=function(){} 来给这个类添加方法. 然后用new 来创建这个类. 然后我们用es6来创建这个类,可以看到语法是 ..
es6新特性有哪些_一大波语法糖到来---ES6新特性列表
weixin_39922749的博客
01-14 169
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。相比ES5，ES6提供了太多的更新，简单说来，主要为以下方面：Arrows,箭头函数，Classes，类Enhanced object literals，增强的对象字面值Template strings：模板字符串Destructuring：解构Default + r...
es6 class 语法（实现继承的语法糖）
君非道的博客
10-11 537
es6 class 语法什么是类？使用 class 关键字定义一个类使用 new 关键字实例化一个对象constructor 方法class 与 es5 构造函数的关系1. 生成实例对象的不同方式2.类的 prototype 属性3. 调用类和调用构造函数的区别 什么是类？ 用通俗易懂的话来说，手机就是一个类，而你手的手机就是这个类的对象；电脑是一个类，而你的电脑就是这个类的对象。类里面的属性是可以被对象继承的。 类是面向对象语言的一个概念(比如java)，js 中生成实例对象的传统方法是通过构造函数，然
ES6新特性_ES6语法糖-class中的getter和setter设置---JavaScript_ECMAScript_ES6-ES11新特性工作笔记038
添柴程序猿的专栏
01-30 460
我们来看一下这个class中的getter和setter这个,在java中也用对吧, 很简单. 看一下我们给Phone类添加一个get price(){} 这个表示我给price属性,添加了一个get方法, 然后我们可以创建一个Phone对象,然后 调用price属性的时候可以看到这个属性的get方法中的内容就被执行了. 然后我们的属性的get方法中,可以执行,return 'iloveyou' 可以看到这个时候s.price返回的就是get方法中返回的值. 然后我们再去看给..
ES6新特性_ES6集合实践---JavaScript_ECMAScript_ES6-ES11新特性工作笔记031
添柴程序猿的专栏
01-30 285
然后我们来看ES6集合实践 其实就是求两个集合的交集,并集,差集 首先我们去看数组去重,首先我们可以看到上面 我们把arr数组,通过new Set(arr),把数组转换为一个集合,然后,再用扩展符号,...把这个集合转换成一个数组.得到result这个数组. 打印出来,可以看到右边,12345,去重以后的. 然后再看交集,交集就是,数组1和数组2都有的. 然后再看我们要获取交集, 首先我们把数组1,arr,转换成一个集合new Set(arr),然后再把这个集合转换成数组[....
ES6/6+语法新特性
qq_50904696的博客
12-22 7689
ECMAScript 是由 Ecma 国际通过ECMA-262 标准化的脚本程序设计语言。平时经常编写的JavaScript，是ECMAScript 的一种实现，所以ES新特性其实指的就是JavaScript的新特性。ES6 加入许多新的语法特性，使编程的实现更简单、高效1、一定要赋初始值。2、一般常量名使用大写。3、常量的值不能修改。4、const也遵循块级作用域。5、对于数组和对象的修改，不算做对常量的修改，不会报错。
ECMAScript 6 类和类的继承
锋利的二丫
07-05 4056
类和类的继承 一、类的声明 JS中到处都是对象，它是一门基于对象的语言，JS代码的执行都依托于对象，利用对象产生各种具备关联性的上下文环境，JS代码才能正常运行。 但是我们都知道在ES5中，没有class，我们只是利用函数、new关键词、原型等方式实现类的概念和基本使用，但是随着技术的发展和编程语言的互相靠拢，只使用构造函数或者工厂模式去实现类的封装调用很不现实，代码不明确，容易让学习者和开发者产...
动物继承 (使用es6的语法糖(extends)实现继承)
u012271799的博客
04-20 441
<!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>Do
ES6新特性简介
jiangziya1221的博客
09-30 248
  箭头函数的用法类似, 和   和 是一种语法糖，也是基于原型继承实现的。 支持 , 实例化，静态方法和构造函数。     书写对象字面量更方便简洁。 如：的简写, 函数定义简写， 动态属性名。   属性在node下都支持，但在浏览器环境不一定都支持, chrome是支持的。 模板字符串跟php双引号字符串类似 ，字符串中可以解析变量和语句, 对于构造字...
随笔-ES6 class语法糖 及继承性实现
程序员阿甘的博客
12-10 727
ES5构造函数的缺点 在ES5时，JS还没有“类”的概念，创建对象使用的都是构造函数，而构造函数和普通函数没有什么本质区别，只是在书写上要求构造函数的函数名首字母大写，方便和普通函数区分。即ES5构造函数不仅可以new调用，还可以当成普通函数调用。 如果我们要限制ES5构造函数不能当成普通函数调用，则需要做额外处理 function Person(name){ if(this instanceof Person) { this.name = name } else {
ES6-新增语法糖
weixin_43444009的博客
08-21 316
//Set实现了iterate接口,可以用扩展运算符,Set集合的一些Api let test=new Set(['a','b','c']) test.add('d') test.delete('a') test.clear() console.log(test.size) //数组大小 //对数组去重 const arr1=['1','2','4','2','4','5'] let s=[...new Set(arr1)] co.
ES6 语法糖（一）
lucky_ferry的博客
09-08 542
一、为什么要学习ES6？ ES6是JavaScript的下一代标准，解决了es5中存在的问题。 二、语法 1、let const let 1、只在所处的块级有效，而var 不具有块级作用域，防止循环变量变成全局变量， 2、不存在变量提升，只能先声明再使用 3、具有暂时性死区，不会在上一级中查找 const 作用：用于声明变量，就是内存（地址）不变的量 具有块级作用域 使用时必...
ES6 class的继承使用细节
小红帽的博客
04-28 8823
ES6 class的继承与java的继承大同小异，如果学过java的话应该很容易理解，都是通过extends关键字继承。 class Animal{ constructor(color){ this.color = color; }; } class Bear extends Animal{ constructor(){ super(); } } 其余的就不多说了，这里着重讲一
语法糖--这一篇全了解
热门推荐
Franco的博客
08-28 1万+
语法糖（Syntactic Sugar），也称糖衣语法，是由英国计算机学家 Peter.J.Landin 发明的一个术语，指在计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。简而言之，语法糖让程序更加简洁，有更高的可读性。 解语法糖 前面提到过，语法糖的存在主要是方便开发人员使用。但其实，Java虚拟机并不支持这些语法糖，这些语法糖在编译阶段就会被还原成简单的...
ES6语法糖（class）、module模块化
weixin_44434872的博客
12-28 763
ES6语法糖（class）、module模块化 1.class基本用法
OBS-Studio-30.2.3-Windows.zip
最新发布
09-23
OBS-Studio-30.2.3-Windows.zip
ES6新特性：简洁类定义与静态方法应用
在JavaScript ES6中，引入了一种新的、更简洁的方式来定义类，这是与之前ES3和ES5中类定义语法的一个进步。ES6，即ECMAScript 2015，是对JavaScript语言的重大更新，旨在提高开发效率和代码可读性。它在14年12月发布...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值