![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 58
米卡小米
这个作者很懒,什么都没留下…
展开
-
ES6--Generator\async
Generator Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同,Generator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。Generator函数有两个特征: 1.function关键字与函数名之间有个星号; 2.函数内部使用yield表达式fu...原创 2021-11-17 09:33:52 · 107 阅读 · 0 评论 -
ES6--Promise--promise-ajax应用,promise-ajax函数封装
1.Async Async函数是generator函数的语法糖,在generator函数的基础上添加了一些更加方便用户操作的新特性。Async函数的执行和普通函数一致,只需要一行代码即可,因为他具有内置的执行。...原创 2021-11-17 09:14:06 · 646 阅读 · 0 评论 -
ES6--Symbol--魔术字符串学习
一、Symbol介绍ES6 引入的一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数可以接受参数,表示对于这个唯一值的描述。let s = Symbol()typeof s ; //’symbol’变量s表示独一无二的值;实例:let sy1 = Symbol('sy1');let sy2 = Symbol('sy2');console.log(sy1, sy2);console.log(sy1 == sy2);结果:二、方法1.Symbol...原创 2021-11-16 14:23:27 · 976 阅读 · 0 评论 -
ES6--类--class,继承
1.class JavaScript 语言中,生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰更像面向对象编程的语法而已。所以ES6 的类,完全可以看作构造函数的另一种写法。 语法糖:具有特殊功能的代码写法,内部封装了一些方法...原创 2021-11-16 11:00:32 · 79 阅读 · 0 评论 -
防抖,节流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>防抖</ti.原创 2021-11-15 20:09:04 · 492 阅读 · 0 评论 -
ES6--set,map
Set1.初始化 Set类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构展。Set 构造函数可以接受一个数组(或者具有 iterable 接口的其他数据结构)作为参数,用来初始化。var set = new Set();2.Set APISet.prototype.size 返回Set实例的成员总数。Set.prototype.add(value) 添加某个值,返回Set结构本身Set.p...原创 2021-11-15 20:07:06 · 62 阅读 · 0 评论 -
ES5--迭代器--Iterator
迭代器 遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员) Iterator 的作用有三个:一是为各种数据结构,提供一个统一的、简便的访问接口;二是使得数据结构的成员能够按某种次序排列;三是ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费。Iterator 的遍历过程是这...原创 2021-11-15 20:00:12 · 134 阅读 · 0 评论 -
ES6--函数--函数参数
ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。通常情况下,定义了默认值的参数,应该是函数的尾参数,函数的length属性,将返回没有指定默认值的参数个数function log(x, y = 'World') { console.log(x, y);}参数默认值可以与解构赋值的默认值,结合起来使用。function foo({x, y = 5}) { console.log(x, y);}ES6 引入 rest 参数(形式为.....原创 2021-11-15 19:49:43 · 1008 阅读 · 0 评论 -
ES6--箭头函数 this的指向
普通函数内部this指向它的调用者箭头函数内部this指向声明时,外部作用域的this1.函数定义在全局环境下 在全局环境下,this 始终指向全局对象(window) let sayName = () => { console.log(this); } sayName(); console.log(this);结果是:2.函数上下文调用 (1).对象中的thislet A = { name: 'A', sa...转载 2021-11-15 09:57:35 · 99 阅读 · 0 评论 -
ES6--数组--拓展运算符、 API拓展
拓展运算符 ...用在=左边,聚合的作用(对象、数组的解构) ...用在=右边,展开(剥离)的作用 let obj1 = { name: '张三' } let obj2 = { ...obj1, age: 12 }let arr1 = [1, 2, 3];let arr2 = [4, 5, 6];// 利用拓展运算符,将数组1,2合并到arr中l...原创 2021-11-12 16:52:05 · 377 阅读 · 0 评论 -
ES6--对象--对象简写\对象API拓展
对象简写 ES6中规定可以直接在对象中写入变量和函数作为对象的属性和方法,此时属性名为变量名, 属性值为变量的值。对象简写在未来的使用频率极其高。var name= 'terry';var foo= { name, sayName(){ console.log('my name is',this.name); }};let username = '张三';let obj = { username, sayName: func...原创 2021-11-12 15:37:51 · 461 阅读 · 0 评论 -
ES6--解构
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构,解构的本质属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。如果解构不成功,变量的值就等于undefined。数组解构 let [a, b, c] = [1,2,3] // let [a, b] = [1,2,3] let [a, ...b] = [1,2,3] // b = [2, 3] let [a=1] = [] le...原创 2021-11-12 15:29:37 · 726 阅读 · 0 评论 -
ES6--变量
let 在es5中,我们通常使用var声明一个变量,但是var有很多奇葩的特性,这些特性与常规的编程语言都不太相同,在es6中,又提供了与常规语言类似的声明变量的方法。Let对比var有如下特点: 1. 变量声明不会被提升,即在变量声明之前无法使用该变量 2. 具有局部作用域,即let声明的变量只能在对应代码块中使用 3. 不允许重复声明。const let用于声明一个变量,而const用于声明常量,const具有与let相同的特性,...原创 2021-11-12 14:18:10 · 432 阅读 · 0 评论 -
模块化机制--CommenJS模块化规范\AMD模块化规范\ES6模块化规范
模块化机制 Javascript一直没有模块体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。这对开发大型的、复杂的项目形成了巨大障碍。 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。 1)CommenJS 模块化规范...原创 2021-11-12 10:15:26 · 121 阅读 · 0 评论 -
包管理机制(npm)
1.项目初始化 cnpm init -y2.安装依赖 全局依赖 保存在全局的包(依赖),任何地方都能使用 cnpm install --global xxx 简写:cnpm install -g xxx 局部依赖 开发依赖 cnpm install --save-dev xxx 简写:cnpm i -D xxx...原创 2021-09-02 16:09:53 · 181 阅读 · 0 评论