JavaScript基础学习第六天

目标：
能够使用对象的方式处理数据

☞ 代码预解析：

1. 变量提升 ：当程序中遇到定义变量后，就会将该变量的定义提升到当前作用域的开始位置，不包括变量的赋值

2. 函数提升：当程序中遇到函数的声明时，那么会将函数的声明提升到当前作用域的开始位置，不包括函数的调用

☞ 对象： 指的是一个具体的事物（人，物品），在程序中对象其实就是对现实生活中具体事物的一个抽象描述。

对象本质： 在程序中保存数据的【容器】

语法：

1. 通过字面量方式创建一个对象（容器）

var 自定义名称 = {

自定义键 : 值,
自定义键 ：值

}

2. 通过构造函数创建对象（字面量方式是该种方式的一种简写行式）

语法：
var 自定义对象名 = new Object();

分析构造函数创建对象

1. 构造函数: 本质还一个函数，只不过该函数是用来创建对象的【构造函数的命名是按照帕斯卡命名法】

2. Object()就是js中内置的一个用来创建对象的一个构造函数

3. 关键字new : 用来调用构造函数实现实例化一个对象（创建一个对象）

4. 执行过程：
✔ 先执行 new Object() 在内存堆中开辟一块空间（产生一个内存地址）

✔ 将内存地址 赋值给左侧的变量

✔ 变量就会按照内存地址去实现对象中的代码

3. 通过工厂方式创建对象：将构造函数创建的对象封装到一个函数中

例如：
function createPeople (uName, uAge, uScore) {

var obj = new Object();

obj.userName = uName;

obj.age = uAge;

obj.score = uScore;

return obj;
}

var zs = createPeople('zs', 18, 100);
var ls = createPeople('ls', 22, 90);

console.log(zs);
console.log(ls);

4. 通过自定义构造函数创建对象

☞ 自定义构造函数本质： 还是一个函数（1. 是咱们自己写的一个函数。 2. 创建对象）

☞ 在使用自定义构造函数创建对象的时候，也需要使用关键字 new

备注：
1. 普通的函数遵守驼峰命名法
2. 构造函数遵守帕斯卡命名法

例如：

// 通过自定义构造函数创建对象
function People(name, age, gender) {

this.userName = name;
this.userAage = age;
this.userGender = gender;

this.run = function() {

alert(this.userName +'正在跑步运动中...');
}
}

// 使用该自定义构造函数创建对象
var zs = new People('张三', 18, '男');
var ls = new People('李四', 22, '女');

console.log(zs, ls);

自定义构造函数总结：

1. 在构造函数中返回值可以省略不写

2. 构造函数中的this关键字，谁调用该构造函数，this就指向谁。

3. 如果批量创建对象，那么推荐使用自定义构造函数

4. 如果程序中只是简单的创建个别几个对象，那么可以使用字面量直接创建

获取对象中的值：

✔ 对象名.键的名字

✔ 对象名['键的名字']

备注：
1. 如果要获取属性的值，那么直接 对象.属性名
2. 如果要获取方法的值，那么直接 对象.方法名()

给对象赋值：

✔ 直接在定义对象的时候，以键值对的方式给对象赋值

✔ 通过 对象名.自定义键名 = 值;

✔ 通过 对象名['自定义键名'] = 值;

注意：
1. 对象中保存数据格式是以键值对格式保存的 ： 键:值

2. 在对象中用来描述对象基本特征的： 叫属性（名词）
在对象中用来描述对象的行为： 叫方法（是一个函数）

☞ 遍历对象: 通过循环的方式找到对象中的每一个值。

☞ 语法：

for( 键 in 对象 ) {

对象[键]
}

例如：
var obj = {
username : '张三',
userage : 20,
usergender : '男'
}

for( key in obj ) {

console.log(key + ':'+ obj[key]);
}

对象总结：

1. 能够使用四种方式创建对象

2. 能够给创建的对象赋值

对象.键 = 值;
对象['键'] = 值;

3. 获取对象中的值

对象.键;

对象['键'];

4. 遍历对象

for( key in 对象) {

对象[key]
}

5. new : 通过调用构造函数创建对象（实例化）

6. this : 谁调用构造函数，this就指向谁。

7.
对象中的属性： 对象中的属性就是用来描述对象基本特征（名词）

对象中的匿名函数 ： 对象中的方法

8. typeof ====> 获取当前变量的数据类型

instanceOf ====》 判断当前对象是通过哪个构造函数创建的

其他扩展部分：

1. 简单数据类型： 在栈上存储

简单数据类型在栈保存的就是一个具体值

2. 复杂数据类型： 在堆上存储

✔ 首先在堆上开辟一块空间 ---- 生成内存地址

✔ 将内存地址保存到栈上

3. 内置对象：js原生的对象。通过查MDN手册，去使用提供的属性及方法。

https://developer.mozilla.org/zh-CN/

定义数组的两种方式；
var ary = new Array();
var ary = [];

☞ 与数学运算相关的内置对象 Math

Math.PI ----》 用来获取圆周率

Math.round(值) ----> 对一个数字进行四舍五入 (得到的是一个整数)

Math.abs(值) ----> 获取一个数字的绝对值

Math.max(值,值) -----> 获取一组数字中的最大值

Math.min(值,值) -----> 获取一组数字中的最小值

Math.pow(x,y) -----》 获取 x 的 y 次 方

☞ 与数组对象相关的方法或属性

1. 通过构造函数创建对象

var ary = new Array();

2. 通过字面量方式创建对象

var ary = [];

3. 获取数组的长度 ary.length

4. 方法：

Array.isArray(ary) 判断一个变量是不是数组，返回 true 或者 false

数组对象名.push(值); 向数组的末尾添加值

数组对象名.unshift(值); 向数组的开始添加值

数组对象名.pop() // 删除数组中最后一个数字，并返回该数字
数组对象名.shift() // 删除数组中第一个值，返回该数字

数组对象名.reverse() // 将数组翻转

数组对象名.join方法('|') // 返回的是一个字符串

indexOf(字符) // 用来获取数组中对应字符的索引位置，如果包含该字符那么就返回其对应的索引位置，如果不包含该字符，那么就返回 -1;

5. 字符串方法

☞ 字符串特性： 不可变性。

☞ 属性

字符串变量.length ====》 获取字符串长度

☞ 方法：

indexOf(字符) ===》 字符在字符串的索引位置（如果有直接返回索引位置），如果没有返回-1

lastIndexOf(字符) ----》 返回指定字符在此字符串中最后一次出现处的索引，如果此字符串中没有这样的字符，则返回 -1。

replace(a,b) // 用b替换a

1. concat() //拼接字符串 等效于 +

2. slice(strat,end) //从指定位置开始，截取字符串到结束位置，end值取不到

3. substring(start,end) //从指定位置开始，截取字符串到结束位置， end值取不到

4. substr(start,length) //从哪个位置开始，一共要截取多少个