原型对象

所有 JavaScript 对象都从原型继承属性和方法。
日期对象继承自 Date.prototype。数组对象继承自 Array.prototype。Person 对象继承自 Person.prototype。
Object.prototype 位于原型继承链的顶端：
日期对象、数组对象和 Person 对象都继承自 Object.prototype。

  1. function Person(first, last, age, eyecolor) {
  2.     this.firstName = first;
  3.     this.lastName = last;
  4.     this.age = age;
  5.     this.eyeColor = eyecolor;
  6. }
  7. Person.prototype.nationality = "English";

原型对象也是对象，也有原型对象，知道找到Object对象的原型
Object对象的原型没有原型
image.pngimage.png

正则表达式

https://www.runoob.com/regexp/regexp-syntax.html

               //创建正则表达式的对象
        //var reg = new RegExp("正则表达式","匹配模式");
        // 字面量创建正则表达式
        // var reg = /正则表达式/匹配模式
        // 匹配模式：i忽略大小写    g全局匹配模式
        var reg = new RegExp("a");
        //使用test（）方法检查一个字符串是否符合正则表达式的规则
        var res = reg.test("a");

语法：

  • | 或者
  • [] [内容]也是或的关系，如【a-zA-Z1-9】【A-z】
  • [^ ] 除了;如P【^0-9】 除了纯数字

image.pngimage.png
image.pngimage.png
量词

  • 通过量词可以设置一个内容出现的次数
  • 只对前边一个内容起作用 多个字符用（内容）
  • { n } 出现n次
  • { m，n } m-n次
  • { m，} m次以上
    • 至少一个
    • 0个或多个
  • ? 0个或1个
  • ^ 表示开头
  • $ 表示结尾
  • . 匹配除换行符 \n 之外的任何单字符。要匹配 . ，使用 .
  • image.png

image.png

Dom

image.png
节点
根据 DOM，HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

  • 整个文档是一个文档节点
  • 每个 HTML 标签是一个元素节点
  • 包含在 HTML 元素中的文本是文本节点
  • 每一个 HTML 属性是一个属性节点
  • 注释属于注释节点

Node 层次
节点彼此都有等级关系。

HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。

下面这个图片表示一个文档树（节点树）：
image.png
image.pngimage.png

高阶函数

编程范式: 命令式编程/声明式编程
编程范式: 面向对象编程(第一公民:对象)/函数式编程(第一公民:函数)
filter/map/reduce
filter中的回调函数有一个要求: 必须返回一个boolean值
true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中
false: 当返回false时, 函数内部会过滤掉这次的n
const nums = [10, 20, 111, 222, 444, 40, 50]

let total = nums.filter(n => n < 100).map(n => n * 2).reduce((pre, n) => pre + n);
console.log(total);

let total = nums.filter(function (n) {
  return n < 100
}).map(function (n) {
  return n * 2
}).reduce(function (prevValue, n) {
  return prevValue + n
}, 0)
console.log(total);

1.filter函数的使用
// 10, 20, 40, 50
let newNums = nums.filter(function (n) {
  return n < 100
})
// console.log(newNums);

// 2.map函数的使用
// 20, 40, 80, 100
let new2Nums = newNums.map(function (n) { // 20
  return n * 2
})
console.log(new2Nums);

// 3.reduce函数的使用
// reduce作用对数组中所有的内容进行汇总
let total = new2Nums.reduce(function (preValue, n) {
  return preValue + n
}, 0)
console.log(total);

第一次: preValue 0 n 20
第二次: preValue 20 n 40
第二次: preValue 60 n 80
第二次: preValue 140 n 100
240

// 1.需求: 取出所有小于100的数字
let newNums = []
for (let n of nums) {
  if (n < 100) {
    newNums.push(n)
  }
}

// 2.需求:将所有小于100的数字进行转化: 全部*2
let new2Nums = []
for (let n of newNums) {
  new2Nums.push(n * 2)
}

console.log(new2Nums);


// 3.需求:将所有new2Nums数字相加,得到最终的记过
let total = 0
for (let n of new2Nums) {
  total += n
}

console.log(total);