JavaScript从入门到精通系列第二十二篇:JavaScript中的toString方法和JavaScript中的垃圾回收

文章目录

一:toString方法

[1:怪异的返回值object Object](#1:怪异的返回值[object Object])

2:打印对象成为一个JSON

二:垃圾回收(GC)

1:垃圾回收概念

2:JS当中的垃圾回收机制

3:JS中的垃圾回收算法


一:toString方法

1:怪异的返回值object Object

当我们直接在浏览器中console.log()一个对象的时,事实上是输出对象的toString()方法的返回值。

现在这个object Object就是toString对象的返回值。这里边用的是Object对象的原型对象的toString方法。

javascript 复制代码
function Person(name,age,gender){
    this.name = name;
    this.age = age;
    this.gender = gender;
}

//创建一个Person实例
var per = new Person("孙悟空",18,"男");
console.log(per);

证明这件事情:

2:打印对象成为一个JSON

我们只需要给Person对象的原型对象当中增加自定义toString()方法。

javascript 复制代码
function Person(name,age,gender){
    this.name = name;
    this.age = age;
    this.gender = gender;
}

//创建一个Person实例
var per = new Person("孙悟空",18,"男");
console.log(per);

Person.prototype.toString = function (){

  return "Person[name = "+this.name+"]";
}

实践结果:

二:垃圾回收(GC)

1:垃圾回收概念

人生活的时间长了,就会产生垃圾。对象也一样,当一个对象没有任何变量或者属性对他进行引用,那么这个对象就是垃圾。这种对象过多,会占用大量的内存空间,导致内存运行变慢,甚至内存溢出等情况发生。

2:JS当中的垃圾回收机制

JavaScript中的垃圾回收机制是指当不再需要某个变量或对象时,JavaScript引擎会自动回收其占用的内存空间。在JavaScript中,需要执行以下步骤来清理不再使用的内存:

需要注意的是,由于JavaScript是一门动态语言,变量的类型和值可能会发生变化,这也可能会影响垃圾回收机制的运行。此外,如果某个变量被其他变量所引用,即使没有被直接访问,垃圾回收机制也不会自动回收其占用的内存空间。因此,在编写JavaScript代码时,应当注意避免不必要的变量引用,以便垃圾回收机制能更好地清理不再使用的内存空间。

3:JS中的垃圾回收算法

JS中的垃圾回收算法是指JavaScript引擎通过一系列算法,自动回收不再被程序使用的内存。常见的垃圾回收算法有:

  1. 引用计数算法:每个对象有一个计数器,记录有多少个引用指向该对象。当引用计数归零时该对象即被回收。但是该算法无法处理循环引用的情况,容易出现内存泄漏。

  2. 标记清除算法:从根对象开始,标记所有可以访问到的对象,在标记完成后,清除所有未被标记的对象。该算法可以处理循环引用的情况,但会造成一定的性能损失。

  3. 分代收集算法:将内存划分为几代,每次垃圾回收时,只清除年龄较大的对象。年龄较小的对象被认为是生命周期较短的,不需要进行频繁的垃圾回收。该算法通常应用于长时间运行的JS应用,提高了运行效率。

总的来说,垃圾回收算法是JavaScript引擎的重要组成部分,它可以保证程序运行过程中不会因为内存泄漏而产生错误。不同的算法有不同的优缺点,选用合适的算法可以提高程序的运行效率。

相关推荐
郑州光合科技余经理2 小时前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php
To_OC5 小时前
LC 35 搜索插入位置:二分查找谁都会,边界条件谁写谁懵
javascript·算法·leetcode
码哥DFS5 小时前
二叉树的直径
开发语言·javascript·算法
paopaokaka_luck6 小时前
基于springboot3+vue3的企业考勤管理系统(部门树递归、Echarts图形化分析)
开发语言·spring boot·学习·echarts·mybatis·需求分析·代码规范
梦雨生生7 小时前
java开发工具(学习第一天)
java·开发语言·学习
光影少年7 小时前
RN的Fabric 渲染流程
运维·前端·javascript·react native·react.js·fabric
啊啊啊啊啊!!!!9 小时前
【c++】stack和queue的接口使用以及底层实现
开发语言·c++
用户938515635079 小时前
React Router 进阶:路由守卫、登录鉴权与状态传递
前端·javascript·全栈
kyriewen9 小时前
我重写了自己用了两年的防抖节流Hook——发现里面藏着3个隐藏bug
前端·javascript·面试
松仔log9 小时前
Java中级——组合和继承
android·java·开发语言