![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 94
iChangebaobao
菜鸟的前端进击之路
展开
-
[前端技巧] lodash | 如何正确的 import lodash
通常前端都会导入一些好用的第三方套件,但是有时后导入的套件并非是基于 es module 进行开发,webpack 没办法发挥 tree shaking 的功能,在 import 时一不注意就会载入一堆没有必要的 function。在这篇文章中以 lodash 作为举例, lodash 是个能够帮我们处理各种资料的函式库,减少写一些比较琐碎的程式码。但因为 lodash 在 2012 年就被开源,历史较为久远,可能有多种缘故,导致目前 lodash 本身并不是使用 es module。所以如果在意 bun转载 2022-06-24 13:56:53 · 3556 阅读 · 0 评论 -
[ES6]22个ES6面试、复习知识点汇总
作者:StevenLikeWatermelonhttps://juejin.im/post/5c061ed2f265da61357258eeES6是什么,为什么要学习它,不学习ES6会怎么样?答:ES6是新一代的JS语言标准,对分JS语言核心内容做了升级优化,规范了JS使用标准,新增了JS原生方法,使得JS使用更加规范,更加优雅,更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子,但是最多只能当个游击队长。ES5、ES6和ES2015有什么区别?.转载 2020-09-01 09:53:55 · 380 阅读 · 0 评论 -
[ES6]Day11—Promise的使用、Async/await 的使用
1. Promise 的定义Promise 是一个对象,它代表了一个异步操作的最终完成或者失败。2. Promise 的使用本质上Promise是一个函数返回的对象,我们可以在它上面绑定回调函数,这样我们就不需要在一开始把回调函数作为参数传入这个函数了。以 createAudioFileAsync() 为例// 成功的回调函数function successCallback(res...原创 2020-08-17 10:12:00 · 232 阅读 · 0 评论 -
[ES6]Day10—深拷贝与浅拷贝
ECMAScript 6 入门 (Day10)接上篇:[ES6]Day09—函数的定义和调用、this、闭包、递归10.1 浅拷贝与深拷贝10.1.1 浅拷贝浅拷贝的含义浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用(内存地址)。var obj ={ id:1, name:'哈哈' , msg:{ age:18 }} var o={};for(let key in obj){ // key为属性名, obj[key] 为属性值 //这是浅拷贝 o[key] = o原创 2020-06-28 17:03:36 · 217 阅读 · 0 评论 -
[ES6]Day09—函数的定义和调用、this、闭包、递归
ECMAScript 6 入门 (Day09)接上篇:[ES6]Day08—Object对象的拓展9.1 函数的定义和调用9.1.1 函数的定义方式1、自定义函数(命名函数)即利用function·关键字声明函数function fn(){};2、函数表达式(匿名函数)即利用函数表达式声明函数const fn=function(){};() => {};3、new Function( ) 构造函数语法:var fn = new Function('arg1',' arg原创 2020-06-24 09:21:38 · 273 阅读 · 0 评论 -
[ES6]Day08—Object对象的拓展
ECMAScript 6 入门 (Day08)接上篇:[ES6]Day07—构造函数与原型、继承8.1 object 数据结构的改变对象(object)是 JavaScript 最重要的数据结构。ES6 对object数据结构进行了重大升级8.1.1 属性的简洁表示1、属性const foo = 'bar';const obj = {foo}; // {foo: "bar"}// 等同于const obj = {foo: foo}; // {foo: "bar"}2、方法 con原创 2020-06-18 18:31:17 · 227 阅读 · 0 评论 -
[ES6]Day07—构造函数与原型、继承
ECMAScript 6 入门 (Day07)接上篇:[ES6]Day06—ES6中的类与对象7.1.1 概述在典型的面向对象语言中(java),都存在类的概念,类是对象的模板,对象是类的实例,但在ES6之前,js中并没有引用类的概念创建对象可以通过以下三种方式:对象字面量 var obj={};new Object() var obj=new Object();自定义构造函数把对象的公共部分抽出放在构造函数里面,通过构造函数创建对象function Sta原创 2020-06-18 09:01:41 · 255 阅读 · 0 评论 -
[ES6]Day06—ES6中的类与对象
ECMAScript 6 入门 (Day06)接上篇:[ES6]Day05—Set 和 Map 数据结构6.1 面向过程编程与面向对象编程6.1.1 面向过程编程 POP(Process-oriented Programming)面向过程 :分析出解决问题所需步骤,然后用函数把这些步骤一步一步实现,使用时再一个一个的依次调用就行了举个例子:将大象装进冰箱,面向过程做法打开冰箱门大象装进去关上冰箱门6.1.2 面向过程编程 OOP(Object-oriented Programmi原创 2020-06-02 10:32:27 · 209 阅读 · 0 评论 -
[ES6]Day05—Set 和 Map 数据结构
ECMAScript 6 入门 (Day05)接上篇:[ES6]Day04—String字符串的拓展5.1 Set 和 Map 数据结构5.1.1 Set 数据结构ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值,可应用于存储历史搜索记录。Set 本身是一个构造函数,用来生成 Set 数据结构。创建 Setconst s = new Set();console.log(s.size);//0Set函数可以接受一个数组(或者具有 iterab原创 2020-05-29 11:40:25 · 243 阅读 · 0 评论 -
[ES6]Day04—String字符串的拓展
ECMAScript 6 入门 (Day04)接上篇:[ES6]Day03—Array数组的拓展4.1 ES6内置对象拓展:String字符串的拓展1)模板字符串原创 2020-05-22 09:12:14 · 156 阅读 · 0 评论 -
[ES6]Day03—Array数组的拓展
ECMAScript 6 入门 (Day03)接上篇:[ES6]Day03—Array数组的拓展3.1 ES6内置对象拓展:Array数组的拓展1)拓展运算符拓展运算符:将数组或对象转为用逗号分隔的参数序列。(区别于剩余参数)let ary=[1,2,3]; console.log(...ary)//1,2,3console.log(1,2,3)//会当作console.log()中的参数一、参数二、参数三结果:应用1:合并数组let arr1=[1,2,3];let arr2=原创 2020-05-19 17:07:20 · 170 阅读 · 0 评论 -
[ES6]Promise/async/Generator实现原理解析
点我原创 2020-03-24 16:58:46 · 265 阅读 · 0 评论 -
[ES6]Day02—变量的解构赋值、箭头函数
1. 交换变量额的值let x = 1;let y = 2;[x,y]=[y,x];2. 从函数返回多个值// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = example();// 返回一个对象function example() { return { foo: 1, ...原创 2020-01-02 08:52:06 · 230 阅读 · 0 评论 -
[ES6]Day01—ES6简介、Let、Const关键字、块级作用域
ECMAScript 6 入门 -----Day01ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。1.1 ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 的...原创 2019-12-11 09:11:55 · 300 阅读 · 0 评论