es6新特性
简述es6新特性
JAN_LIGHT
这个作者很懒,什么都没留下…
展开
-
从 for..of 到 iterable 迭代接口
for…of循环 在了解for…of循环之前,我们先来回顾一下es6之前的遍历方式。 for循环多用来遍历普通的数组。 for...in多用来遍历键值对。 再有呢是一些对象的遍历方法,例如数组对象的forEach方法。 这些各种各样的遍历方法,都有他们的局限性,es6借鉴原创 2020-07-28 10:12:28 · 261 阅读 · 0 评论 -
浅谈es6中的Set和Map
Set Set是es6引入的新的数据类型,可以认为是一个集合,他的特点是当中不能存储相同的值。 Set数据结构多用于数组去重处理。const mySet = new Set()//可以通过add的方法添加内容,因为add会返回数据本身,所以可以链式调用mySet.add(1).add(2).add(3)console.log(mySet)//Set { 1, 2, 3 }//也可以通过直接传入值来原创 2020-07-27 18:09:32 · 265 阅读 · 0 评论 -
js中对于类的基本认识
Class在es6之前,是通过定义函数和函数的原型对象去实现类型//before es6function Person(name){ this.name = name}Person.prototype.say = function(){ console.log(`hi ${this.name}`)}//es6 定义一个Person类型class Person{ constructor(name){ //构造函数 this.name = name原创 2020-07-26 22:36:01 · 158 阅读 · 0 评论 -
Reflect
Reflect是es6提供的全新的内置对象,属于一个静态类,只能调用方法,不能new出来,Reflect内置了13个方法,Reflect成员方法就是Proxy处理对象的默认实现const obj = { foo:'123', bar:'456'}//在这里,我们new了一个Proxy,在里面并没有任何get方法,那么我们是如何去监听到数据改变呢const proxy1 = new Proxy(obj,{})//其实这两个是完全一样的const proxy2 = new P原创 2020-07-26 18:11:30 · 118 阅读 · 0 评论 -
浅谈对象和对象扩展方法
对象是我们在es中最常用的数据结构,es6中升级了对象自变量中的语法。 传统的对象自变量要求我们必须在花括号里面使用属性名和属性值,在es6之后,如果属性名和属性值一致的话,可以省略属性值。 传统为对象添加动态属性的话,需要在申明变量之后,通过索引的方式动态添加属性。 在es6之后,用户可以将计算属性写在[ ]内部来赋值动态属性。const bar = '345'const obj={ foo:123, bar, method(){ console.log('method')原创 2020-07-25 22:34:42 · 222 阅读 · 0 评论 -
模板字符串和标签函数
初识模板字符串 在es5中定义字符串要通过’ '或者" "来表示字符串,而在es6之后新增了模板字符串的方式来表示字符串,通过反引号来标识。const es5 = 'i am string' const es6 = `i also string` 传统的方式里面如果要换行,需要通过\n来表示,而模板字符串可以支持换行。同时还支持通过插值表达式的方式去定义变量。const name = 'tom'const = `hey,${name}` // hey,tom带标签的模板字符串原创 2020-07-25 16:30:53 · 935 阅读 · 0 评论 -
深入了解浏览器如何渲染页面的原理
这一课时我将结合代码实例为你讲解浏览器渲染页面时的流程和步骤。先来看一个例子,假如我们在浏览器中输入了一个网址,得到了下面的 html 文件,渲染引擎是怎样通过解析代码生成页面的呢?<html> <head> </head> <body> lagou </body></html>从 HTML 到 DOM字节流解码对于上面的代码,我们看到的是它的字符形式。而浏览器通过 HTTP 协议接收到的文档内原创 2020-07-24 14:50:11 · 371 阅读 · 0 评论