
ES6
John的WEB前端学习日记
这个作者很懒,什么都没留下…
展开
-
ES6、ES7、ES8特性一锅炖(ES6、ES7、ES8学习指南)
ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。ECMAScript 标准建立在一些原有的技术上,最为著名的是 JavaScript (网景) 和 JScript (微软)。它最初由网景的 Brendan Eich 发明,第一次出现是在网景的 Navigator 2.0 浏览...转载 2018-09-27 10:29:30 · 10318 阅读 · 0 评论 -
ES6核心,值得驻足花一天时间来学习
1.let 和 const 命令在es5时,只有两种变量声明,var 和function。在es6中新增了四种let和const,以及另外两种声明import和class。 我们先讲解let和const,后续会补充import和class(1)let我们先来看基本语法{ let a = 10; var b = 1;}b // 1a // ReferenceErro...转载 2018-08-27 09:14:48 · 273 阅读 · 0 评论 -
forEach与map异同
一、原生js forEach()和map()遍历共同点: 1.都是循环遍历数组中的每一项。 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input。 3.匿名函数中的this都是指Window。 4.只能遍历数组。1.forEach() 没有返回值。 [javascript] vie...转载 2018-03-22 10:51:29 · 11983 阅读 · 0 评论 -
娓娓道来Promise
1.概述 在Promise之前,我们js解决异步的方式是采用回调函数的方式,但是这种方式有个问题,就是当业务比较复杂时,很容易出现回调地狱,使得代码很难理解和维护。所以,Promise就是解决回调地狱的问题而出现的异步编程的解决方案。2.详述Promise我们先通过一个简单的例子,来感受一下Promise。let p = new Promise(function(resolve,reje...转载 2018-03-19 14:01:13 · 224 阅读 · 0 评论 -
实例感受-es6的常用语法和优越性
1.前言前几天,用es6的语法重写了我的一个代码库,说是重写,其实改动的并不多,工作量不大。在重写完了的时候,就个人总结了一下es6常用的一些常用的语法和比es5优越的方面。下面提到的语法可能也就是es6新特性的10%-20%,但是开发上占了80%左右的。下面的文章,按照es6常用新特性进行分类,文章提及的实例,有些是我代码库的小实例,有些是自己随便编的,大家知道就好!希望可以帮到大家,如果大转载 2017-11-30 10:06:03 · 770 阅读 · 0 评论 -
es6-箭头函数详解
箭头函数是es6新增的非常有意思的特性,初次写起来,可能会觉得别扭,习惯之后,会发现很精简.什么是箭头函数?箭头函数是一种使用箭头( => )定义函数的新语法, 主要有以下特性:不能通过new关键字调用没有原型, 因为不能通过new调用,所以没有原型没有this, super,arguments和new.target绑定, new.target和super关键字是es6新增的箭头函转载 2017-08-07 14:14:20 · 1977 阅读 · 0 评论 -
新手开发中常用ES6基础知识总结
原文链接:https://segmentfault.com/a/1190000010605175很早之前就学过TypeScript和ES6,后来做项目的时候零零散散用了些。这几天又系统地把ES6的知识看了一遍。感觉对我这种没实习没工作的新手,虽然一些高级的功能暂时用不上,但是一些基础的知识还是为平时的开发提供了巨大的便利。ES6学习告一段落,现在结合平时的开发,总结一些常用的知识。le转载 2017-08-11 17:37:28 · 464 阅读 · 0 评论 -
30分钟,让你彻底明白Promise原理
转自:https://mengera88.github.io/2017/05/18/Promise%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90/前言前一阵子记录了promise的一些常规用法,这篇文章再深入一个层次,来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了转载 2017-08-18 16:43:31 · 357 阅读 · 0 评论 -
从 JavaScript 到 TypeScript
本文首发在我的个人博客:http://muyunyun.cn/posts/66a54fc2/文中的案例代码已经上传到 TypeScriptTypeScript 并不是一个完全新的语言, 它是 JavaScript 的超集,为 JavaScript 的生态增加了类型机制,并最终将代码编译为纯粹的 JavaScript 代码。TypeScript 简介TypeScript 由 Mi转载 2017-07-11 17:04:18 · 499 阅读 · 0 评论 -
Object.assign()方法
对象的扩展1.ES6中,对象的属性和方法可简写:对象的属性值可不写,前提是属性名已经声明; var name = "zhangsan"; var password = "1111111"; var obj = { name, password, arr:[1,2,3,4], s原创 2017-04-26 11:34:47 · 93778 阅读 · 3 评论 -
ECMAScript 6学习笔记(一):展开运算符
JavaScript是ECMAScript的实现和扩展,ES6标准的制定也为JavaScript加入了许多新特性。本文主要记录展开运算符。展开运算符(spread operator)允许一个表达式在某处展开。展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以使用。展开运算符不能用在对象当中,因为目前展开运算符只能在可遍历对象(it转载 2017-04-25 21:04:39 · 3519 阅读 · 0 评论 -
ES6-Module模块
严格模式export 命令import 命令模块的整体加载export default 命令export 与 import 的复合写法模块的继承ES6模块加载的实质浏览器的模块加载循环加载跨模块常量import()ES6模块的转码历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的转载 2017-01-18 16:33:31 · 1387 阅读 · 0 评论 -
一些使 JavaScript 更加简洁的小技巧
推荐9个使 JavaScript 代码变得更加简洁的小技巧,大概5分钟就能掌握。1.清空或截断数组在不重新给数组赋值的情况下,清空或截断数组的最简单方法是更改其 length 属性值:const arr = [11, 22, 33, 44, 55, 66];// truncantingarr.length = 3;console.log(arr); //=> [11,...转载 2018-11-05 10:50:11 · 342 阅读 · 0 评论