提供了编程的基础技术教程

zl程序教程

ES6学习笔记

  • JS与ES6高级编程学习笔记（五）——ECMAScript6 代码组织

    JS与ES6高级编程学习笔记（五）——ECMAScript6 代码组织

    一、概述ES6不仅在语法上有很大的改进，在代码的组织结构上也有重大升级，ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构；原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题，让开发复杂的前端项目变得更加容易；类（class）的加入使JavaScript面向对象更加易于理解。 ES6除了弥补了传统语言特性的

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（一）let、const与作用域

    ES6 学习笔记（一）let、const与作用域

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。一、let命令1.1用法1.1.1 let类似于var，但所声明的变量只在let命令所在的代码块有效。如：{ let a = 10 var b = 20 } console.log(b) console.log(a)复制输出结果： 20 D:\code\Workspace\JS_projects\test\0

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（二）解构赋值

    ES6 学习笔记（二）解构赋值

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。一、数组的解构赋值1、基本用法ES6允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，该操作即为解构 如：let [a,b,c]=[1,2,3]; console.log(a,b,c) // a=1 b=2 c=3 let [foo,[[bar], baz]]=[1,[[2],3]]; console.log(foo

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（三）原始值与引用值

    ES6 学习笔记（三）原始值与引用值

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。总结：1、原始值，表示单一的数据，如10，“abc”，true等。1.1、 ES的6种原始值： Undefined、Null、Boolean、Number、String、Symbol 1.2、 保存原始值的变量是按值访问，操作存储在变量内存中的实际值2、引用值，表示有多个值（原始值或其他引用值）构成的对象2.1、 ES不允许

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（四）基本类型Number

    ES6 学习笔记（四）基本类型Number

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1、数值1.1 、JavaScript数值的特点不区分整数值和浮点数值。所有数值均用浮点数值表示。采用IEEE-754标准定义的64位浮点数格式表示。整数在实际操作时（如数组索引），则是基于32为整数。1.2、 整数直接量除十进制外，JavaScript能识别十六进制（以0x或0X为前缀）、二进制（以0b或0B为前缀）和八进制（

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（五）基本类型Boolean

    ES6 学习笔记（五）基本类型Boolean

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。Boolean1、需要注意的地方：取值：true false对于值为空字符串，0，-0，NaN，Null，undefined，false的布尔对象，它都会有一个初始值false。对于其它的值如"false"，[]等都会建立一个初始值是true的对象。不能把基本类型中true或false和值为true或fa

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（六）基本类型String

    ES6 学习笔记（六）基本类型String

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。字符串String1、字面量需要注意的地方：由单引号或双引号括起来的字符序列。单双引号可以嵌套，由最外围引号定界字符串字符串字面量可以拆分成数行，每行必须以反斜线（\）结束，且反斜线都不计入字符串的内容。在书写HTML的JS代码时，要注意与HTML代码混合搭配使用引号。实例代码：let str1 = "I have a

    日期 2023-06-12 10:48:40     
  • ES6学习笔记（七）正则表达式

    ES6学习笔记（七）正则表达式

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。正则表达式1、基础1.1 含义：通俗的来讲，正则表达式是一种匹配和替换的工具。如：在JS中验证手机号时，我们需要考虑用户输入的字符必须是number类型，且必须是11位的整数，且数字的前三位必须是134,155,183,188,199等等。对于这一问题，可以用if-else来实现，只不过太过于麻烦，而正则表达式就将这一问题简单化

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（八）基本类型Symbol

    ES6 学习笔记（八）基本类型Symbol

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1、前言大家都知道，在ES5的时候JavaScript的基本类型有Number、String、Boolean、undefined、object、Null共6种，在es6中，新增了Symbol类型，用于表示独一无二的值。之后又提出了bigInt类型（前面提到过），这里简要的总结Symbol的一些基本用法。2、基本用法2.1 用法一

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（九）Set的基本用法

    ES6 学习笔记（九）Set的基本用法

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1 基本用法set类似于数组，它的成员是唯一的，当有多个相同的值，只会保留一份。1.1 创建方法Set本身是一个构造函数，用来生成Set实例，如：const s = new Set() let arr = [2, 3, 4, 5, 6, 2, 2] arr.forEach(x => s.add(x)); for (let

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（十）Map的基本用法

    ES6 学习笔记（十）Map的基本用法

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1 基本用法Map类型是键值对的有序列表，而键和值都可以是任意类型。可以看做Python中的字典（Dictionary）类型。1.1 创建方法Map本身是一个构造函数，用来生成Map实例，如：let m1 = new Map()复制1.2 初始化Map构造函数可以接收一个数组作为参数，该数组的成员可以是一组表示键值对的数组。也可

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（十一）迭代器和生成器函数

    ES6 学习笔记（十一）迭代器和生成器函数

    本文最后更新于 126 天前，其中的信息可能已经有所发展或是发生改变。1、前言JavaScript提供了许多的方法来获取数组或者对象中的某个元素或者属性（迭代）。从以前的for循环到之后的filter、map再到后来的for…in和for…of的迭代机制。只要具有iterator接口的都可被迭代。2、迭代器 Iterator2.1 含义迭代器（iterator）为各种数据结构，提供一个统一的、简便

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（十二）代理器Proxy的简单使用

    ES6 学习笔记（十二）代理器Proxy的简单使用

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1、前言以前在学习react时做了个仿手机端的QQ音乐项目。当时的数据是通过proxy代理的QQ音乐数据接口，直接写在package.json里面。Proxy 对象（Proxy）是 ES6的特性，只是不太常用。2、基本内容2.1 含义正如MDN上所说，Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性

    日期 2023-06-12 10:48:40     
  • ES6 学习笔记（十三）promise的简单使用

    ES6 学习笔记（十三）promise的简单使用

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1、什么是promise在JavaScript中，我们经常会用到回调函数，而回调函数的使用让我们没法使用return，throw等关键字。JS引用promise正好解决了这个问题。 promise单词意思是承诺，代表未来的某个事情或者是行为。promise是一个容器，包含了异步操作。因此我们认为promise是异步操作的解决方

    日期 2023-06-12 10:48:40     
  • ES6学习笔记（十四）module的简单使用

    ES6学习笔记（十四）module的简单使用

    本文最后更新于 128 天前，其中的信息可能已经有所发展或是发生改变。1、前言module模块机制是es6新引入的，它解决了作用域的问题，使代码更加规范和结构化。 下面简单的使用一下。2、基本使用2.1 模块和脚本的区别模块代码运行在严格模式下，并且没有任何办法跳出严格模式。在模块的顶级作用域创建的变量，不会影响到全局作用域，它们只会在模块顶级作用域的内部存在。模块顶级作用域的this值为und

    日期 2023-06-12 10:48:40     
  • Es6学习笔记，持续记录

    Es6学习笔记，持续记录

    Set和Map数据结构解构：https://www.runoob.com/w3cnote/deconstruction-assignment.htmlES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x

    日期 2023-06-12 10:48:40     
  • ES6学习笔记之map、set与数组、对象的对比

    ES6学习笔记之map、set与数组、对象的对比

    ES6 ES5中的数据结构，主要是用Array和Object。在ES6中主要新增了Set和Map数据结构。到目前为止，常用的数据结构有四种Array、Object、Set、Map。下面话不多说了，来一起看看详细的介绍吧。 // 数据结构横向对比，增，查，改，删 1、map和数组对比 { let map=new Map(); let array=[]; /**增**/ map.se

    日期 2023-06-12 10:48:40     
  • ES6学习笔记

    ES6学习笔记

    es6的作用：方便 工程性   ES6 语法 参考：https://www.yuque.com/ant-design/course/byllph ES6 是下一代 JavaScript 语法标准，比起 ES5 有很大的变化。标准委员会每年发布一次当年度的新标准，目前最新的标准是《ES2018

    日期 2023-06-12 10:48:40     
  • es6学习笔记（gulp、babel、webpack、express）

    es6学习笔记（gulp、babel、webpack、express）

      对比： 代码简洁干净：     es6实现 彩票项目 ************************ es6不能直接在浏览器跑起来。需要构建   构建3个并行的目录： touch初始化文件：（这里用的是mac

    日期 2023-06-12 10:48:40     
  • es6学习笔记（四）箭头函数

    es6学习笔记（四）箭头函数

    es6中出现了一种新的语法，箭头函数，我们学习的时候需要注意两点，一个是写法，另外一个是使用的场景，写法比较简单就是一个符号=>这就代表着箭

    日期 2023-06-12 10:48:40     
  • es6学习笔记（三）对象

    es6学习笔记（三）对象

    在低代码开发中，尤其是在低代码编辑里定义事件的处理函数中，最常见的概念就是对象了，我们需要熟记这个概念，因为你看官方的代码的时候随时随地就会有这种语法，你

    日期 2023-06-12 10:48:40     
  • es6学习笔记（二）解构赋值

    es6学习笔记（二）解构赋值

    话说刚接触这个概念的时候是在学习小程序云开发，然后云函数里定义的，一看当时有点懵，并不知道是干啥用的，真是书到用时方恨少啊，需要会的知识还是蛮多的。这一节

    日期 2023-06-12 10:48:40     
  • es6学习笔记(一）let、const

    es6学习笔记(一）let、const

    最近在研究低代码，简单的已经会了，但是稍微复杂一点的功能就都得靠写代码，而模板给提供的示例代码又看不懂，好心塞，于是重新学习一下es6吧，记

    日期 2023-06-12 10:48:40     
  • JS与ES6高级编程学习笔记（一）——JavaScript核心组成

    JS与ES6高级编程学习笔记（一）——JavaScript核心组成

    一、JavaScript概要 JavaScript（JS）是一种轻量级、解释型、动态类型的高级程序设计语言。它诞生于1995年，是一门基于原型、函数优先的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持，如 Node.js、 Apache Couc

    日期 2023-06-12 10:48:40     
  • JS与ES6高级编程学习笔记（五）——ECMAScript6 代码组织

    JS与ES6高级编程学习笔记（五）——ECMAScript6 代码组织

    一、概述 ES6不仅在语法上有很大的改进，在代码的组织结构上也有重大升级，ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等数组结构；原生的模块化解决了复用、依赖、冲突、代码组织混乱的问题，让开发复杂的前端项目变得更加容易；类（class）的加入使JavaScript面向对象更加易于理解。 ES6除了弥补了传统语言

    日期 2023-06-12 10:48:40     
  • JS与ES6高级编程学习笔记（四）——ECMAScript6 新增语法

    JS与ES6高级编程学习笔记（四）——ECMAScript6 新增语法

     一、概述 JavaScript的实现标准是ECMAScript，简称"ES"。主流的浏览器都完整的支持ES 5.1与ES3标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为ECMAScript 2015，被称为ECMAScript 6或ES6（泛指ES6及以后的版本）。 ES6是对JavaScript的重大升级。JavaScript虽然

    日期 2023-06-12 10:48:40     
  • JS与ES6高级编程学习笔记（三）——JavaScript面向对象编程

    JS与ES6高级编程学习笔记（三）——JavaScript面向对象编程

    一、概述 面向对象程序编程（Object-oriented programming，缩写：OOP）是用抽象方式构建基于现实世界模型的一种编程模式，JavaScript是一种基于对象（object-based）的语言，支持面向对象编程与函数式编程，但JavaScript的面向对象与其它的面向对象语言有较大差异，ECMAScript中没有类的概念，所以对象也有所不一样。 本章主要让讲解JavaScr

    日期 2023-06-12 10:48:40     
  • JS与ES6高级编程学习笔记（二）——函数与作用域

    JS与ES6高级编程学习笔记（二）——函数与作用域

    一、概述 开发者常戏称"函数是JavaScript中的一等公民"，这足以体现了函数的重要性，为了更好的掌握函数我们需要学习函数的构造器Function等相关内容。 因为JavaScript的作用域与我们学习过的静态语言（如Java、C#等）有非常大的区别，理解作用域对更加深入的掌握JavaScript是非常有帮助的。 二、Function与函数 JavaScript中的函数（function）有

    日期 2023-06-12 10:48:40