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