HTML5-ES6

ES6

这里写图片描述其实就是js
速成网址:http://www.jianshu.com/p/ebfeb687eb70
这里写图片描述
这里写图片描述
这里写图片描述
下面是一个ES6的小例子。
这里写图片描述
这里写图片描述
下面是js代码
这里写图片描述

Babel。
这里写图片描述
(相当于写的是ES6的代码,用的是ES5)
需要安装Node.JS

学习es6可以去es6阮一峰
这里写图片描述
Let可以认为是局部变量,var是全局变量。
Let和var都没声明变量,使用时显示的undefined,而先使用,还没声明,对与var来说是undefined,对于let就会报错。
Var可以声明同一个变量,值会被覆盖,而let会报错
这里写图片描述
结果会报错,因为声明在局部的下面

这里写图片描述 let必须先声明再使用,不能同时
这里写图片描述
这里写图片描述
结果输出两边都是10,因为var i是全局变量,每次循环共用一个i值,当for循环运行完了之后i是10,最后输出的就是10
如果是let i,则结果如下,因为i是局部变量,每次循环都有自己的i值。
这里写图片描述

Const常量不可变,但是如果定义的是个对象,那么对象的地址不可变,但是值可以改变,对freeze则值也不能改变
这里写图片描述

箭头函数(非常重要)
这里写图片描述
以下代码都是写在js文件中的
这里写图片描述
这两个函数作用一样
这里写图片描述 也可以传参
这里写图片描述
也可以返回值
这里写图片描述 返回值也可以这样设置

7-22——-

箭头函数(非常重要)

这里写图片描述
在有return时,可以设置接收值result
这里写图片描述
对数组进行排序使用箭头函数用sort()方法

变量的解构赋值
这里写图片描述
这里写图片描述
这里写图片描述
当没有给数组中的变量赋值时,显示出来的就是默认值undefined
这里写图片描述若这样赋值,则f是999

这里写图片描述 对对象解构、
这里写图片描述
这里写图片描述
{}中必须是本对象的属性名,要一一对应
这里写图片描述

函数解构赋值
这里写图片描述

这里写图片描述

这里写图片描述
这里写图片描述

用于参数是数组或者是对象
这里写图片描述

字符串的扩展
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

Repeat()
这里写图片描述
这里写图片描述
这里写图片描述
模版对象
这里写图片描述

模版对象—set和map
这里写图片描述
Set:
这里写图片描述
这里写图片描述
用for in遍历,i是下标,array1[i]是值
这里写图片描述
用for of遍历,obj是值
这里写图片描述
用for of遍历,obj是值,且没有重复值
这里写图片描述
这里写图片描述
添加,会去重
这里写图片描述

删除

Map:
这里写图片描述
值会被覆盖
这里写图片描述
这里写图片描述
取键和值
这里写图片描述

这是es5的写法
这里写图片描述
ES6写法
这里写图片描述

构造对象,通过对象调用属性和方法
类型即可以写在外部也可以写在内部
这里写图片描述
这里写图片描述

可以在此处传参数
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述

This—-(难点)
这里写图片描述
前者有值,后者无值,因为后面的this是指向定时器的

Set get:
当设置数据时有要求就用set和get
这里写图片描述

静态方法:
这里写图片描述
Dog是方法名

Class的继承:
这里写图片描述

super作为函数调用时,代表父类的构造函数。ES6 要求,子类的构造函数必须执行一次super函数。

在方法复写的情况下,子类调用父类的方法用super()
这里写图片描述
这里写图片描述
这里写图片描述

Symbole—-
迭代器,遍历器
这里写图片描述
这里写图片描述
结果打印的都是狗狗,修改后值不变
这里写图片描述
这里写图片描述


  • 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频

善知教育学习视频大汇总

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值