JavaScript 小白入门基础篇二

最新推荐文章于 2024-09-12 16:05:15 发布

一只烛

最新推荐文章于 2024-09-12 16:05:15 发布

阅读量271

点赞数 1

分类专栏： javascript 文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_44813417/article/details/107912732

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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() :实现迭代数组的所有项，然后构建一个最终返回的值。从数组的最后一项开始，向前遍历到第一项。