JavaScript 基础篇二
构造函数
创建一个构造函数,专门用来创建对象。
习惯上首字母大写。
构造函数和普通函数的区别就是调用方式的不同:
普通函数是直接调用
构造函数是需要使用new关键字来调用。
执行流程:
- 立即创建一个函数
- 将新建的函数对象设置为函数中的this指向,在构造函数中可以使用this来引用新建的对象。
- 逐行执行函数中的代码
- 将新建的对象作为返回值
使用同一个构造函数创建的对象,称为一类的对象。
我们将通过构造函数创建的对象,称为该类的实例。
使用instanceof可以检查一个对象是否是该类的实例。
所有的对象都是Object后代。
//Person类
//构造函数
function Person(name, age) {
this.name = name;
this.age = age;
}
//实例per
var per = new Person('lyz', 20)
console.log(per instanceof Person)
console.log(per.name);
原型 prototype
我们每创建函数时,解析器都会向函数中添加属性prototype,这个属性对应一个对象,该对象就称为原型对象。
如果为普通函数,则prototype无意义。
当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐形的属性,该属性指向构造函数的原型对象,我们可以通过__proto__来访问属性值。在这里插入图片描述
原型对象相当于一个公共区域,所有同一个类的实例都可以访问到该原型对象,所以我们可以将对象中共有的内容,统一设置到原型对象中。
当我们访问对象的属性或方法时,先去对象自身中寻找,如果有直接使用,没有就去原型中寻找。
以后我们在创建构造函数时,可以将这些对象共有的属性或方法放在构造函数的原型对象中,这样不用分别为每一个对象添加,也不会影响到全局作用域。
对象.hasOwnPrototype()来检查对象自身中是否含有该属性。
原型链
原型对象也是对象,也有原型链。
当我们使用一个对象的属性和方法时,会先在自身寻找,自身有则直接使用,若无则继续去原型对象中寻找,有则直接使用,无则去原型对象的原型中寻找,知道找到Object,Object的原型没有原型。
垃圾回收GC
当一个对象没有任何的变量或属性对其引用,此时我们永远无法对对象进行操作。此时这种对象就是一个垃圾,这种对象过多就会占用大量的内存空间,导致程序运行变慢,所以必须清理该垃圾。JS中有自己的垃圾回收机制,会自动将这些垃圾从内存中销毁。我们无需进行垃圾操作,只需将不在使用的对象值设置为null。
数组
读取不存在的索引时,返回undefined。
方法:
-
push():向末尾添加元素,返回修改数组长度。
-
pop():删除末尾元素,返回删除元素。
-
unshift():向起始添加元素,返回修改数组长度。
-
shift():删除起始元素,返回删除元素。
-
slice():从已有数组截取指定元素。返回新数组。
- 参数:(start【包含截取开始位置】, end【不包含截取结束位置】)
- 第二个参数可省略,则为从截取开始位置到数组末尾。
- 负值为从后往前
-
splice():
- 删除制定元素,返回被删除元素
- 向数组添加元素,返回空数组
-
concat():可以连接两个或多个数组,该方法不会对原数组有影响。
-
join():将数组转换成字符串,可以指定一个字符串为参数作为这个字符串的连接符。将转换后的字符串发回。
-
reverse():反转数组。
-
sort():对数组排序。(a - b升序 b - a降序)
-
indexOf():查找的项在数组中的位置。若无返回-1。
-
forEach() :便利数组,数组中有几个元素,函数就执行几次。
-
map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
-
filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。
-
every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。
-
some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。
-
reduce():实现迭代数组的所有项,然后构建一个最终返回的值。从数组的第一项开始,逐个遍历到最后。
-
reduceRight() :实现迭代数组的所有项,然后构建一个最终返回的值。从数组的最后一项开始,向前遍历到第一项。
call()和aplly()
两个方法都是函数对象的方法,通过函数对象来调用。当函数调用call/apply,函数就会执行。
call()方法可以将实参在对象之后逐一传递。
apply()方法传递参数时,需将参数封装到一个数组中。
使用两方法时,this是指定的对象。
JSON
特殊格式的字符串
目的:数据交互
JSON中属性必须必须加引号
json --> js对象: JSON.parse()
js对象 --> json:JSON.stringify()