From 05f0d8253a1324384fa0d159e8b0267c400e4a3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E5=AE=8F=E8=BE=BE?= <2657224306@qq.com>
Date: Wed, 6 Dec 2023 11:57:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../1205.md"                                  | 261 ++++++++++++++++++
 1 file changed, 261 insertions(+)
 create mode 100644 "48 \351\251\254\345\256\217\350\276\276/1205.md"

diff --git "a/48 \351\251\254\345\256\217\350\276\276/1205.md" "b/48 \351\251\254\345\256\217\350\276\276/1205.md"
new file mode 100644
index 0000000..8d1884d
--- /dev/null
+++ "b/48 \351\251\254\345\256\217\350\276\276/1205.md"	
@@ -0,0 +1,261 @@
+ 笔记
+
+了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。
+
+- 了解面向对象编程中的一般概念
+- 能够基于构造函数创建对象
+- 理解 JavaScript 中一切皆对象的语言特征
+- 理解引用对象类型值存储的的特征
+- 掌握包装类型对象常见方法的使用
+
+# 
+
+### 构造函数
+
+构造函数是专门用于创建对象的函数，如果一个函数使用 `new` 关键字调用，那么这个函数就是构造函数。
+
+```js
+<script>
+  // 定义函数
+  function foo() {
+    console.log('通过 new 也能调用函数...');
+  }
+  // 调用函数
+  new foo;
+</script>
+```
+
+总结：
+
+1. 使用 `new` 关键字调用函数的行为被称为实例化
+2. 实例化构造函数时没有参数时可以省略 `()`
+3. 构造函数的返回值即为新创建的对象
+4. 构造函数内部的 `return` 返回的值无效！
+
+注：实践中为了从视觉上区分构造函数和普通函数，习惯将构造函数的首字母大写。
+
+### 实例成员
+
+通过构造函数创建的对象称为实例对象，实例对象中的属性和方法称为实例成员。
+
+```js
+<script>
+  // 构造函数
+  function Person() {
+    // 构造函数内部的 this 就是实例对象
+    // 实例对象中动态添加属性
+    this.name = '小明'
+    // 实例对象动态添加方法
+    this.sayHi = function () {
+      console.log('大家好~')
+    }
+  }
+  // 实例化，p1 是实例对象
+  // p1 实际就是 构造函数内部的 this
+  const p1 = new Person()
+  console.log(p1)
+  console.log(p1.name) // 访问实例属性
+  p1.sayHi() // 调用实例方法
+</script>
+```
+
+总结：
+
+1. 构造函数内部 `this` 实际上就是实例对象，为其动态添加的属性和方法即为实例成员
+2. 为构造函数传入参数，动态创建结构相同但值不同的对象
+
+注：构造函数创建的实例对象彼此独立互不影响。
+
+### 静态成员
+
+在 JavaScript 中底层函数本质上也是对象类型，因此允许直接为函数动态添加属性或方法，构造函数的属性和方法被称为静态成员。
+
+```js
+<script>
+  // 构造函数
+  function Person(name, age) {
+    // 省略实例成员
+  }
+  // 静态属性
+  Person.eyes = 2
+  Person.arms = 2
+  // 静态方法
+  Person.walk = function () {
+    console.log('^_^人都会走路...')
+    // this 指向 Person
+    console.log(this.eyes)
+  }
+</script>
+```
+
+总结：
+
+1. 静态成员指的是添加到构造函数本身的属性和方法
+2. 一般公共特征的属性或方法静态成员设置为静态成员
+3. 静态成员方法中的 `this` 指向构造函数本身
+
+## 内置构造函数
+
+> 掌握各引用类型和包装类型对象属性和方法的使用。
+
+在 JavaScript 中**最主要**的数据类型有 6 种，分别是字符串、数值、布尔、undefined、null 和 对象，常见的对象类型数据包括数组和普通对象。其中字符串、数值、布尔、undefined、null 也被称为简单类型或基础类型，对象也被称为引用类型。
+
+在 JavaScript 内置了一些构造函数，绝大部的数据处理都是基于这些构造函数实现的，JavaScript 基础阶段学习的 `Date` 就是内置的构造函数。
+
+```js
+<script>
+  // 实例化
+    let date = new Date();
+
+  // date 即为实例对象
+  console.log(date);
+</script>
+```
+
+甚至字符串、数值、布尔、数组、普通对象也都有专门的构造函数，用于创建对应类型的数据。
+
+### Object
+
+`Object` 是内置的构造函数，用于创建普通对象。
+
+```js
+<script>
+  // 通过构造函数创建普通对象
+  const user = new Object({name: '小明', age: 15})
+
+  // 这种方式声明的变量称为【字面量】
+  let student = {name: '杜子腾', age: 21}
+
+  // 对象语法简写
+  let name = '小红';
+  let people = {
+    // 相当于 name: name
+    name,
+    // 相当于 walk: function () {}
+    walk () {
+      console.log('人都要走路...');
+    }
+  }
+
+  console.log(student.constructor);
+  console.log(user.constructor);
+  console.log(student instanceof Object);
+</script>
+```
+
+。
+
+总结：
+
+1. 推荐使用字面量方式声明对象，而不是 `Object` 构造函数
+2. `Object.assign` 静态方法创建新的对象
+3. `Object.keys` 静态方法获取对象中所有属性
+4. `Object.values` 表态方法获取对象中所有属性值
+
+### Array
+
+`Array` 是内置的构造函数，用于创建数组。
+
+```js
+<script>
+  // 构造函数创建数组
+  let arr = new Array(5, 7, 8);
+
+  // 字面量方式创建数组
+  let list = ['html', 'css', 'javascript']
+
+</script>
+```
+
+数组赋值后，无论修改哪个变量另一个对象的数据值也会相当发生改变。
+
+总结：
+
+1. 推荐使用字面量方式声明数组，而不是 `Array` 构造函数
+2. 实例方法 `forEach` 用于遍历数组，替代 `for` 循环 (重点)
+3. 实例方法 `filter` 过滤数组单元值，生成新数组(重点)
+4. 实例方法 `map` 迭代原数组，生成新数组(重点)
+5. 实例方法 `join` 数组元素拼接为字符串，返回字符串(重点)
+6. 实例方法 `find` 查找元素， 返回符合测试条件的第一个数组元素值，如果没有符合条件的则返回 undefined(重点)
+7. 实例方法`every` 检测数组所有元素是否都符合指定条件，如果**所有元素**都通过检测返回 true，否则返回 false(重点)
+8. 实例方法`some` 检测数组中的元素是否满足指定条件 **如果数组中有**元素满足条件返回 true，否则返回 false
+9. 实例方法 `concat` 合并两个数组，返回生成新数组
+10. 实例方法 `sort` 对原数组单元值排序
+11. 实例方法 `splice` 删除或替换原数组单元
+12. 实例方法 `reverse` 反转数组
+13. 实例方法 `findIndex` 查找元素的索引值
+
+### 包装类型
+
+在 JavaScript 中的字符串、数值、布尔具有对象的使用特征，如具有属性和方法，如下代码举例：
+
+```js
+<script>
+  // 字符串类型
+  const str = 'hello world!'
+     // 统计字符的长度（字符数量）
+  console.log(str.length)
+
+  // 数值类型
+  const price = 12.345
+  // 保留两位小数
+  price.toFixed(2) // 12.34
+</script>
+```
+
+之所以具有对象特征的原因是字符串、数值、布尔类型数据是 JavaScript 底层使用 Object 构造函数“包装”来的，被称为包装类型。
+
+#### String
+
+`String` 是内置的构造函数，用于创建字符串。
+
+```ja
+<script>
+  // 使用构造函数创建字符串
+  let str = new String('hello world!');
+
+  // 字面量创建字符串
+  let str2 = '你好，世界！';
+
+  // 检测是否属于同一个构造函数
+  console.log(str.constructor === str2.constructor); // true
+  console.log(str instanceof String); // false
+</script>
+```
+
+总结：
+
+1. 实例属性 `length` 用来获取字符串的度长(重点)
+2. 实例方法 `split('分隔符')` 用来将字符串拆分成数组(重点)
+3. 实例方法 `substring（需要截取的第一个字符的索引[,结束的索引号]）` 用于字符串截取(重点)
+4. 实例方法 `startsWith(检测字符串[, 检测位置索引号])` 检测是否以某字符开头(重点)
+5. 实例方法 `includes(搜索的字符串[, 检测位置索引号])` 判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false(重点)
+6. 实例方法 `toUpperCase` 用于将字母转换成大写
+7. 实例方法 `toLowerCase` 用于将就转换成小写
+8. 实例方法 `indexOf` 检测是否包含某字符
+9. 实例方法 `endsWith` 检测是否以某字符结尾
+10. 实例方法 `replace` 用于替换字符串，支持正则匹配
+11. 实例方法 `match` 用于查找字符串，支持正则匹配
+
+注：String 也可以当做普通函数使用，这时它的作用是强制转换成字符串数据类型。
+
+#### Number
+
+`Number` 是内置的构造函数，用于创建数值。
+
+```js
+<script>
+  // 使用构造函数创建数值
+  let x = new Number('10')
+  let y = new Number(5)
+
+  // 字面量创建数值
+  let z = 20
+
+</script>
+```
+
+总结：
+
+1. 推荐使用字面量方式声明数值，而不是 `Number` 构造函数
+2. 实例方法 `toFixed` 用于设置保留小数位的长度
-- 
Gitee