创建型设计模式

创建型设计模式是一类处理对象创建的设计模式，通过某种方式控制对象的创建来避免基本对象创建时可能导致设计上的问题或增加设计上的复杂度

简单工厂模式

(1)简单工厂模式(Simple Factory):又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。

对象字面量语法扩展

(1)属性赋值简写：给一个属性赋变量值时，如果变量和属性的名称相同，可以省略冒号、变量名，直接写属性名即可，js 引擎执行代码时，会自动查找与属性名相同的变量进行属性赋值。

1
2
3
4
5

var name = 'test';
var obj = {
  name,
};
console.log(obj); // {name: 'test'}

面向对象

一、面向过程与面向对象
面向对象编程就是将你的需求抽象成一个对象，然后针对这个对象分析其特征（属性)与动作（方法)。这个对象我们称之为类。面向对象编程思想其中有一个特点就是封装，就是说把你需要的功能放在一个对象里
二、封装
1、使用原型(prototype)为类添加属性和方法的两种方式(注意两种不能混用)：
(1)为原型对象属性赋值

我们都知道属性和方法是对象上的，但是基本数据类型可以访问属性和方法，比如：’hello world’.length。这是由于浏览器在内部做了装箱和拆箱操作。

什么是装箱拆箱？

装箱：把基本数据类型转化为对应的引用类型的操作
拆箱：把引用类型转化为基本数据类型的操作

基本数据类型：字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol
引用数据类型：对象(Object)、数组(Array)、函数(Function)
四个基本的包装类型 String、Number、Boolean、Symbol

什么是包装类型？
在 JavaScript 中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法，之所以具有对象特征的原因是字符串、数值、布尔类型数据是JavaScript 底层使用 Object 构造函数“包装”来的，被称为包装类型

vscode中文手册

https://www.bookstack.cn/read/CN-VScode-Docs/README.md

vscode插件脚手架

安装脚手架和代码生成器

1

npm install -g yo generator-code

生成vscode脚手架项目

1

yo code

什么是Map?

由ES6提供的一种数据结构。它类似于对象，也是键值对的集合，但和对象不同的是，对象的键只能是字符串，map的键可以是各种类型的值（包括对象）。即，Object提供了 字符串-值 的对应，map提供了 值-值 的对应，是一种更完善的Hash结构实现。

怎么创建map？

1

const map = new Map();

map可以使用一个对象作为键

概念

ArrayLike，也叫作类数组。是一种按照索引存储数据且具有length属性的对象。

特征

1、具有length属性
2、按照索引方式存储数据
3、不具有数组的方法，如push、pop等

JavaScript简史

1、DOM
DOM是一套对文档的内容进行抽象和概念化的方法。

第0级DOM(DOM Level 0)
试验性质的初级DOM，在还未形成统一标准的初期阶段，“第0级DOM”的常见用途是翻转图片和验证表单数据。

第1级DMO(DOM Level 1)
Netscape、微软和其他一些浏览器制造商们还能抛开彼此的敌意而与W3C携手制定新的标准，并于1998年10月完成了“第1级DOM”(DOM Level 1) 。