随笔分类 - 05-JS高级
摘要：一. 基础 1. 对象属性有哪几种访问方式？ (1). 通过 . 模式 (2). 通过 [] 模式 { let obj = { name: "ypf", age: 18, }; // 方式1--通过 . 获取 console.log(obj.name); // 方式2 通过[] 获取 console
阅读全文
摘要：一. 函数基础 1. 函数由哪几种构造方式，其中函数声明和函数表达式的区别？ (1). 函数声明 (2). 函数表达式 (3). Function函数（了解即可） //除了最后一个参数是函数体外，其余的都是形参 var sum = new Function('num1','num2', 'retur
阅读全文
摘要：一. Object类型相关 1. 对于引用类型，new操作符的作用是什么？ new操作符做了以下三件事： var person={}; person.__proto__=Person.prototype; Person.call(person) 剖析： 构造函数实际上等价于下面代码 new Pers
阅读全文
摘要：一. 数据类型 1. js的数据类型包括哪些？ (1). 基本数据类型：Null、Undefined、String、Boolean、Number、Symbol （6个） (2). 引用数据类型：Object、Function、Array、Date （4个） 2. 基本数据类型和引用类型的区别？ (记
阅读全文
摘要：一. Json简介 1. 说明 在目前的开发中，JSON是一种非常重要的数据格式，它并不是编程语言，而是一种可以在服务器和客户端之间传输的数据格式。 (1). JSON的全称是JavaScript Object Notation（JavaScript对象符号） (2). JSON是由Douglas
阅读全文
摘要：一. JS模块化历史 1. 什么是模块化？ (1) 到底什么是模块化、模块化开发呢？ 事实上模块化开发最终的目的是将程序划分成一个个小的结构； 这个结构中编写属于自己的逻辑代码，有自己的作用域，不会影响到其他的结构； 这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用； 也可以通过某种方
阅读全文
摘要：一. 进程/线程 (进程、线程、时间片相关概念详见：https://www.cnblogs.com/yaopengfei/p/12504514.html) 1. 概念 (1). 进程和线程是操作系统中的两个概念： 进程（process）：计算机已经运行的程序，是操作系统管理程序的一种方式； 线程（t
阅读全文
摘要：一. async异步函数 1. 什么是异步函数？ (1).async关键字用于声明一个异步函数. async是asynchronous单词的缩写，异步、非同步； sync是synchronous单词的缩写，同步、同时； (2).async异步函数有很多种写法 { console.log(" 1. 异
阅读全文
摘要：一. 迭代器详解 1. 什么是迭代器? (1). 维基百科上的定义：是确使用户可在容器对象（container，例如链表或数组）上遍访的对象，使用该接口无需关心对象的内部实现细节。 A.其行为像数据库中的光标，迭代器最早出现在1974年设计的CLU编程语言中； B.在各种编程语言的实现中，迭代器的实
阅读全文
摘要：一. 响应式原理推导 1. 什么是响应式？ 比如：m有一个初始化的值，有一段代码使用了这个值；那么在m有一个新的值时，这段代码可以自动重新执行； 上面的这样一种可以自动响应数据变量的代码机制，我们就称之为是响应式的 代码分享： { let m = 10; // 与m相关的 console.log(m
阅读全文
摘要：一. Promise基础 1. 背景 在Promise出现之前，异步任务的处理方式，以发送请求为例，响应成功和失败返回不同的信息，这个时候我们需要自己封装回调方法。但这样有很大的弊端： (1). 在自己封装的方法里，必须使用自己设计的callBack名称，不能写错名字 (2). 别人如果使用我们封装
阅读全文
摘要：一. ES7 (ES2016) 1. includes方法 (1). 作用：用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false (2). 用法： A. 一个参数的时候：直接从数组中查找，有则true，反之false B. 两个参数的时候：第二个参数代表从索引
阅读全文
摘要：一. Proxy详解 1. 抛砖引玉 需求：有一个对象，我们希望监听这个对象中的属性被设置或获取的过程。 解决方案：可以使用 Object.defineProperty 的存储属性描述符(set、get)来对属性的操作进行监听。 弊端：Object.defineProperty设计的初衷，不是为了去
阅读全文
摘要：一. 各种运算符 1 . && 逻辑与 含义：形如 x && y， x为ture的时候，返回y 或者 执行y (y可能是表达式，也可能是函数)，否则返回 x 。 PS：除了 0、空字符串" "、NaN、false、null、undefined以外，都为 ture 。 { console.log("
阅读全文
摘要：一. Symbol详解 1. 说明 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值。它是 JavaScript 语言的第七种数据类型， 前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 Sym
阅读全文
摘要：一. 模板字符串 1. 模板字符串 我们会使用 `` 符号来编写字符串，称之为模板字符串； 其次，在模板字符串中，我们可以通过 ${expression} 来嵌入动态的内容； { const name = "ypf"; const age = 1.82; function getMsg() { re
阅读全文
摘要：一. 属性简洁法 属性简洁表示法：也叫字面量增强写法 1. 属性名简写 2. 方法简写 3. 属性名表达式 代码分享： { let name1 = "ypf1"; let name2 = "ypf2"; let age1 = 20; let name3 = "ypf3"; let obj = { /
阅读全文
摘要：一. ES6解构赋值 1. 含义 允许按照一定模式，从数组和对象中提取值，对变量进行赋值的过程，叫做解构 2. 套路 (1). 符号：[] (2). 别名：xx:别名 (3). 默认值： xx='默认值' 或 xx：别名='默认值' (4). 剩余参数： ...xxx, 对象解构中是对象，数组解构中
阅读全文
摘要：一. class类基础 1. 类的声明 使用关键字class声明 // 类的声明 class Person { } // 类的表达式 // var Animal = class { // } // 研究一下类的特性 console.log(Person.prototype) console.log(
阅读全文