HTML5-ES6

来源:互联网 发布:mac可以接鼠标吗 编辑:程序博客网 时间:2024/06/14 08:32

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(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频

善知教育学习视频大汇总

  • 善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6
  • 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
  • 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
  • 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo
原创粉丝点击