es6 之class介绍

class

ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。类语法不会为JavaScript引入新的面向对象的继承模型。

类声明:
定义一个类的一种方法是使用一个类声明。要声明一个类,你可以使用带有class关键字的类名

class food {
constructor(price) {
this.price = price
}
}

类表达式:
与函数声明不同的是,类声明不会出现类提升,而函数声明会提升,所以在使用过程中要先声明class类,在通过new的形式应用它。

class类也可以采用表达式的方式定义

let food = class {
constructor(price) {
this.price = price
}
}
or
let food = class food{
constructor(price) {
this.price = price
}
}

类声明和类表达式的主体都执行在严格模式,在另一方面这也可以规范开发者的代码书写格式

构造函数:
constructo,其用于创建和初始化使用class创建的一个对象,一个类只能拥有一个constructor,一个构造函数可以使用super关键字来调用一个父类的构造函数

原型方法:
class food {
constructor(price,num){
this.price = price;
this.num - num;
},
get sum(){
return this.calcsum()
}
calcsum(){
return this.price * this.num;
}
}

原文地址:https://www.cnblogs.com/7Ezreal/p/12037579.html

时间: 2024-10-28 12:21:09

es6 之class介绍的相关文章

ES6 promise 常用方法介绍

一:promise 知识点:.then() catch() resolve()返回成功的值 reject()返回失败的值 用法:连续调用上次请求值做下一步操作 写法: 在第一步方法里面new 一个Promsie方法 用变量接收 传入值 function(resolve, reject){} 在传值函数里面执行请求或者得值操作,然后用相应的方法返回值 //resolve()返回成功的值 reject()返回失败的值 在第一步方法最后返回定义的变量 用法: 利用第一步方法.then 并传值funct

每天学习一点新技术,认真对待生活(es6中let的用法)

每天都要进步一点点!  今天开始学习新技术ES6 什么是ES6,ES2016,ES2017? ES6就是ES2015,也是一种泛指,指下一个新版本,从ES6开始,官方的叫法就不叫做ES6,叫做ES2015.以此类推. ES是一个不断迭代中的标准,一个功能是否最终进入ES标准,要经理四个阶段 stage0 最初的方案提案,并未经过大多数的慎重考虑 stage1 比较正规的提案 stage2 标准的提案 stage3 要考虑这个提案并融入标准之中. 以上是关于ES6的一些介绍,然后学习ES6之前应该

关于ES6 import命令的一个补充

问题 今天查阅资料时发现,无论是阮一峰还是Mozilla网站有关ES6 import命令介绍部分都没有细致地提供这个命令后面可以跟一个文件路径的更多的细节. 其实,import命令一个典型的表达是其后面的from子句中可以直接跟一个路径(也常常跟一个省略.js扩展名的JS模块文件名). 此时,ES6在解析时会到指定路径下查找一个名字为index.js的文件.注意:js文件只能用index.js,换其他名字都会报错!!! 典型应用 有关import命令的上述情况的一个典型应用是,把此文件夹下其他.

ES6系列之开发环境搭建

前言: 1.es6的简单介绍: ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. 2.为什么要搭建ES6的开发环境? 因为至今各大浏览器厂商所开发的 JavaScript 引擎都还没有完成对 ES2015 中所有特性的完美支持,如果直接使用的话,会报错的.所以我们既想使用es6带来的新语法.新特性,又想让现在的浏览器支持es6

webpack如何编译ES6打包

前言:随着ES的普及我们越来越多的开始使用ES6的语法了,当然也随着mvvm框架的流行少不了js模块化,那js模块化又有那些呢 在很早的时候大家都用的命名空间,现在也有人用(库名.类别名.方法名) 后来出现了CommonJS.AMD.CMD.UMD,现在流行ES 6 module CommonJS的基本介绍: 一个文件为一个模板,通过module.exports暴露模块接口,通过require引入模块,同步执行 规范:http://wiki.commonjs.org/wiki/Modules/1

js 数组去重

1.前言 去重方法千千万万,你要哪一种 2.es系列方法 2.1.es6 Set()方法 介绍:ES6提供了新的数据结构Set.它类似于数组,但是成员的值都是唯一的,没有重复的值.Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化 new Set(test);//test为去重的数组 2.2.es7 includes Array.prototype.includes方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似.该方法属于 ES7 ,但 Ba

Unicode与JavaScript详解

Unicode与JavaScript详解 作者: 阮一峰 日期: 2014年12月11日 上个月,我做了一次分享,详细介绍了Unicode字符集,以及JavaScript语言对它的支持.下面就是这次分享的讲稿. 一.Unicode是什么? Unicode源于一个很简单的想法:将全世界所有的字符包含在一个集合里,计算机只要支持这一个字符集,就能显示所有的字符,再也不会有乱码了. 它从0开始,为每个符号指定一个编号,这叫做"码点"(code point).比如,码点0的符号就是null(表

Unicode与JavaScript详解 [很好的文章转]

上个月,我做了一次分享,详细介绍了Unicode字符集,以及JavaScript语言对它的支持.下面就是这次分享的讲稿. 一.Unicode是什么? Unicode源于一个很简单的想法:将全世界所有的字符包含在一个集合里,计算机只要支持这一个字符集,就能显示所有的字符,再也不会有乱码了. 它从0开始,为每个符号指定一个编号,这叫做"码点"(code point).比如,码点0的符号就是null(表示所有二进制位都是0). U+0000 = null 上式中,U+表示紧跟在后面的十六进制

【火的不行的前端你必须知道】一、浅谈node.js

引子: 现在都2017年了,在这个前端盛行的年头,在不懂一些前端流行的技术就落伍了,恰好公司H5端项目也是让这个方向去替换. 技术选型: 这里主要是简单说一下,后面会分章节详细分析 1.react: 目前最流行的前端框架之一 2.nowa: webpack系列的一个web工具,打包,编译等 3.react-keeper: 一种路由框架 4.ES6,这个不用介绍了吧(眯眼笑) 5.antd-mobile:阿里蚂蚁出的一个前端框架,面对大部分素材够用了 6.no-flux;状态管理的一种组件  这些