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) //从哪个位置开始,一共要截取多少个

 

posted @ 2019-07-28 20:22  麋鹿先生1314  阅读(117)  评论(0编辑  收藏  举报