mirror of https://github.com/qianguyihao/Web.git
update: 对象简介
This commit is contained in:
qianguyihao
parent
4d010c75f9
commit
a10ddf008f
|
|
@ -71,26 +71,30 @@ const person = {
|
|||
};
|
||||
```
|
||||
|
||||
### 两条补充
|
||||
## 对象的属性值补充
|
||||
|
||||
**补充 1**：对象的属性值可以是任何的数据类型，也可以是个**函数**：（也称之为方法）
|
||||
### 对象的方法【重要】
|
||||
|
||||
对象的属性值可以是任何的数据类型，也可以是个**函数**（也称之为方法）。换而言之，**如果对象的属性值是函数，则这个函数也被称之为对象的“方法”**。
|
||||
|
||||
```javascript
|
||||
var obj = new Object();
|
||||
const obj = new Object();
|
||||
obj.sayName = function () {
|
||||
console.log('smyhvae');
|
||||
console.log('qianguyihao');
|
||||
};
|
||||
|
||||
console.log(obj.sayName); // 没加括号，就是获取方法
|
||||
// 没加括号，就是获取方法
|
||||
console.log(obj.sayName);
|
||||
console.log('-----------');
|
||||
console.log(obj.sayName()); // 加了括号，就是调用方法。即：执行函数内容，并执行函数体的内容
|
||||
// 加了括号，就是调用方法。即：执行函数内容，并执行函数体的内容
|
||||
console.log(obj.sayName());
|
||||
```
|
||||
|
||||
打印结果：
|
||||
|
||||
|
||||
|
||||
|
||||
**补充 2**：对象中的属性值，也可以是一个**对象**。
|
||||
### 对象中的属性值，也可以是一个对象
|
||||
|
||||
举例：
|
||||
|
||||
|
|
@ -127,6 +131,8 @@ console.log(obj1.test.name);
|
|||
|
||||
只要不是那五种基本数据类型，就全都是对象。对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。
|
||||
|
||||
### 对象保存在堆内存中
|
||||
|
||||
如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体。
|
||||
|
||||
对象是保存到**堆内存**中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址（对象的引用）。换而言之，对象的值是保存在**堆内存**中的，而对象的引用（即变量）是保存在**栈内存**中的。
|
||||
|
|
@ -182,21 +188,23 @@ var obj3 = Object.assign({}, obj1);
|
|||
|
||||
## 对象的分类
|
||||
|
||||
1.内置对象：
|
||||
1、内置对象：
|
||||
|
||||
- 由 ES 标准中定义的对象，在任何的 ES 的实现中都可以使用
|
||||
- 由 ES 标准中定义的对象，在任何的 ES 的实现中都可以使用。
|
||||
|
||||
- 比如：Object、Math、Date、String、Array、Number、Boolean、Function 等。
|
||||
|
||||
2.宿主对象：
|
||||
|
||||
2、宿主对象：
|
||||
|
||||
- 由 JS 的运行环境提供的对象，目前来讲主要指由浏览器提供的对象。
|
||||
|
||||
- 比如 BOM DOM。比如`console`、`document`。
|
||||
- 比如 BOM、DOM，比如`console`、`document`。
|
||||
|
||||
3.自定义对象：
|
||||
|
||||
- 由开发人员自己创建的对象
|
||||
3、自定义对象：
|
||||
|
||||
- 由开发人员自己创建的对象。
|
||||
|
||||
通过 new 关键字创建出来的对象实例，都是属于对象类型，比如 Object、Array、Date 等。
|
||||
|
||||
|
|
|
|||
|
|
@ -9,11 +9,11 @@ title: 14-基本包装类型
|
|||
|
||||
## 基本数据类型不能绑定属性和方法
|
||||
|
||||
属性和方法只能添加给对象，不能添加给基本数据类型。
|
||||
属性和方法只能添加给对象，不能添加给基本数据类型。我们拿字符串来举例。
|
||||
|
||||
**1、基本数据类型：**
|
||||
|
||||
注意，基本数据类型`string`是**无法绑定属性和方法**的。比如说：
|
||||
基本数据类型`string`是**无法绑定属性和方法**的。
|
||||
|
||||
```javascript
|
||||
var str = 'qianguyihao';
|
||||
|
|
@ -25,7 +25,7 @@ console.log(str.aaa); //打印结果为：undefined
|
|||
|
||||
上方代码中，当我们尝试打印`str.aaa`的时候，会发现打印结果为：undefined。也就是说，不能给 `string` 绑定属性和方法。
|
||||
|
||||
当然，我们可以打印 str.length、str.indexOf("m")等等。因为这两个方法的底层做了数据类型转换（**临时**将 `string` 字符串转换为 `String` 对象，然后再调用内置方法），也就是我们在上一段中讲到的**包装类**。
|
||||
当然，我们可以打印 str.length、str.indexOf("m")等等。因为这两个方法的底层做了数据类型转换（**临时**将 `string` 字符串转换为 `String` 对象，然后再调用内置方法），也就是我们在下一段将要讲到的**包装类**。
|
||||
|
||||
**2、引用数据类型：**
|
||||
|
||||
|
|
@ -53,14 +53,13 @@ console.log(strObj.aaa);
|
|||
|
||||
### 基本包装类型
|
||||
|
||||
|
||||
### 介绍
|
||||
|
||||
我们都知道，js 中的数据类型包括以下几种。
|
||||
我们都知道，JS 中的数据类型包括以下几种。
|
||||
|
||||
- 基本数据类型：String、Number、Boolean、Null、Undefined
|
||||
- 基本数据类型：String 字符串、Number 数值、BigInt 大型数值、Boolean 布尔值、Null 空值、Undefined 未定义、Symbol。
|
||||
|
||||
- 引用数据类型：Object
|
||||
- 引用数据类型：Object 对象。
|
||||
|
||||
JS 为我们提供了三个**基本包装类**：
|
||||
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@ title: 15-内置对象 String：字符串的常见方法
|
|||
|
||||
## 内置对象简介
|
||||
|
||||
> JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象。
|
||||
> JavaScript 中的对象分为3种：自定义对象、内置对象、浏览器对象。
|
||||
|
||||
> 前面两种对象：是JS的基础内容，属于 ECMAScript； 第三个浏览器对象：属于JS独有，即 JS 内置的API。
|
||||
|
||||
**内置对象**：就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用或者最基本而必要的功能（属性和方法）。
|
||||
**内置对象**：就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用或者基本而必要的功能（属性和方法）。
|
||||
|
||||
内置对象最大的优点就是帮助我们快速开发。
|
||||
|
||||
|
|
|
|||
|
|
@ -106,4 +106,10 @@ for (var i = 0; i < 5; i++) {
|
|||
arr[2](); // 打印2
|
||||
```
|
||||
|
||||
上方代码中，i作为传递给了IIFE的形参，让 i 得以成为 IIFE 的局部变量；并让 IIFE 并形成了闭包（`arr[2]()`打印出了IIFE内部变量 i 的值，说明形成了闭包）。
|
||||
上方代码中，i作为传递给了IIFE的形参，让 i 得以成为 IIFE 的局部变量；并让 IIFE 并形成了闭包（`arr[2]()`打印出了IIFE内部变量 i 的值，说明形成了闭包）。
|
||||
|
||||
## 赞赏作者
|
||||
|
||||
创作不易，你的赞赏和认可，是我更新的最大动力：
|
||||
|
||||
|
||||
|
|
@ -41,14 +41,18 @@ title: 27-面向对象简介
|
|||
|
||||
- 多态性
|
||||
|
||||
## JS 中的面向对象
|
||||
### JS 中的面向对象
|
||||
|
||||
JS 中的面向对象，是基于**原型**的面向对象。JS 中的对象（Object）是依靠构造器（constructor）和原型（prototype）构造出来的。
|
||||
|
||||
另外，在ES6中，新引入了 类（Class）和继承（Extends）来实现面向对象。
|
||||
|
||||
|
||||
|
||||
## 赞赏作者
|
||||
|
||||
创作不易，你的赞赏和认可，是我更新的最大动力：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -306,10 +306,8 @@ json 采用 `for...in...`进行遍历，和数组的遍历方式不同。如下
|
|||
|
||||
|
||||
|
||||
## 我的公众号
|
||||
## 赞赏作者
|
||||
|
||||
想学习**更多技能**？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
|
||||
创作不易，你的赞赏和认可，是我更新的最大动力：
|
||||
|
||||
扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -313,3 +313,8 @@ for (const key in arr) {
|
|||
属性值：hello3
|
||||
```
|
||||
|
||||
## 赞赏作者
|
||||
|
||||
创作不易，你的赞赏和认可，是我更新的最大动力：
|
||||
|
||||
|
||||
|
|
@ -218,3 +218,9 @@ function deepCopy(newObj, oldObj) {
|
|||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 赞赏作者
|
||||
|
||||
创作不易，你的赞赏和认可，是我更新的最大动力：
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue