- 博客(12)
- 收藏
- 关注
RSS订阅原创 ECMAScript——学习笔记汇总
ECMAScript 概述ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准，但实际上后两者是ECMA-262标准的实现和扩展。ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，
2020-09-12 02:45:49
234
原创 ECMAScript笔记——ES6模块和字符串模板
ES6模块的定义在ES6提供了模块化的概念，通过引用时改变type属性，加载模块。模块是自动运行在严格模式下且没有办法退出运行的JavaScript代码。模块可以是函数、数据、类。需要导出指定的模块名，才能被其他模块访问。加载模块时，总是从上至下加载，因为module类型默认使用defer属性。<script type="module" src="module1.js"></script><script type="module" src="module2.js
2020-09-12 02:13:27
236
原创 ECMAScript笔记——Proxy
代理器（Proxy） 概述代理器可以理解成在目标对象前架设一个“拦截”层，外界对该对象的访问都必须先通过这层拦截，因此提供了一种机制可以对外界的访问进行过滤和改写。在Proxy代理的的情况下，目标对象内部的this关键字会指向Proxy代理。有些原生对象的内部属性只有通过正确的this才能获取，所以Proxy也无法代理这些原生对象的属性。这种情况下可以通过使用bind()解决这个问题。代理器（Proxy）使用let p = new Proxy(target, handler);其中，ta
2020-09-12 00:26:18
154
原创 ECMAScript笔记——Iterator与Generator
迭代器（Iterator）概述迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。Array、Map、Set、字符串都属于可迭代对象。ES5实现迭代器// 实现一个返回迭代器对象的函数、注意该函数不是迭代器、返回结果才叫做迭代器。function createIterator(items){ let i = 0; return { next() { let done = (i >= items.length); //
2020-09-11 23:59:40
127
原创 ECMAScript笔记——Async await
Async await 概述async是在ES7中提供给异步操作的解决方案，整体基于Promise对象。async会返回一个Promise对象，如果在函数中return一个直接量，async会把这个直接量通过Promise.resolve()封装成Promise对象。相较于Promise，async使用await关键字去代替在then()中return Promise对象的链式操作，使代码更简洁，语义更明确。创建Async函数在function前面加上async关键字，就可以创建一个asyn
2020-09-11 21:25:08
173
原创 ECMAScript笔记——Promise
Promise 概述Promise是ES6中提供的优化异步操作的解决方案。解决了ES6之前异步操作，反复嵌套回调函数所导致的回调地狱问题。从语法上来讲，Promise是一个构造函数，它可以获取异步操作的请求，且返回一个结果。Promise有三种状态：pending(等待)，fulfiled(成功)，rejected(失败)。状态一旦改变，就不会再变。创造Promise实例后，它会立即执行。什么是回调地狱在开发中，会遇到一个异步请求后再执行另一个异步请求的情况。例如请求一个列表数据，之后根据列表找
2020-09-10 07:33:48
150
原创 ECMAScript笔记——函数扩展
> ES6标准新增了一种新的函数：Arrow Function（箭头函数）。> 箭头函数相当于匿名函数，并且简化了函数定义，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。
2020-08-31 20:30:22
219
原创 ECMAScript笔记——解构赋值
变量的的解构赋值ES6允许我们，通过数组或者对象的方式，对一组变量进行赋值，这被称为解构。解构赋值在实际开发中可以大量减少代码量，并且让程序结构更清晰。数组的解构赋值举例1：通常情况下，为一组变量赋值：let a = 0;let b = 1;let c = 2;现在可以通过数组解构的方式进行赋值：let [a,b,c] = [1,2,3];二者的效果是一样的，但解构赋值的方式大量减少了代码量，而且结构更清晰了。举例2：{ //一个变量时 let [a = true] =
2020-08-30 21:47:27
194
原创 ECMAScript笔记——新增变量声明
ES6的变量声明ES6中新增了let和const来定义变量：var：ES5和ES6中，定义全局变量（是variable的简写）。let：定义局部变量，替代var。const：定义常量（定义后，不可修改）。Var 全局变量{ var a = 1;}console.log(a);上方代码输出结果为1。因为var是全局声明的，所以，即使是在区块里声明，也会在全局起作用。var a = 1;{ var a =2;}console.log(a);同理，输出结果为2。用var
2020-08-29 20:57:47
181
原创 ECMAScript笔记——对象扩展
Object的扩展ES5给0bject扩展了一些静态方法，下面列举较为常用的方法。方法一object. create(prototype， [descriptors])作用：以指定对象为原型，创建新的对象。同时，第二个参数可以为新的对象添加新的属性。举例1：（没有第二个参数时）var obj1 = {username:'Lin',age:26};var obj2 = {address:'HuiZhou'};obj2 = Object.create(obj1);console.l
2020-08-28 23:16:30
198
原创 ECMAScript笔记——严格模式
严格模式除了正常运行模式（混杂模式），ES5添加了第二种运行模式 ：“严格模式”（strict mode）。顾名思义，这种模式使得JavaScript在更严格的语法条件下运行。目的消除Javascrip语法的一些不合理、不严谨之处，减少一些怪异行为。消除代码运行的一些不安全之处，为代码的安全运行保驾护航。为未来新版本的JavaScript做好铺垫。使用针对整个脚本文件：将use strict放在脚本文件的第一行 ，则整个脚本文件将以严格模式运行。针对单个函数：将use stric
2020-08-26 22:03:33
300
原创 JavaScript、Css/Html 实现待办事项列表
利用JavaScript、css/html技术设计一个简单的待办事项列表管理系统，主要包含新增待办事项、正在进行列表、完成列表共计三个模块。
2020-08-19 21:00:51
2310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人