Skip to content

02.生命周期的内涵

同学们好,我们经常听说一个词“生命周期函数”,要了解什么是生命周期函数,就必须了解什么是生命周期,进而搞清楚生命周期函数的本质。

我们查阅百度百科对生命周期有这样的解释:生命周期就是指一个对象的生老病死。在React的世界里,生命周期就是指组件的生老病死。也就是从虚拟DOM到真实DOM的初始化以及中途到更新到最后组件的销毁。而生命周期函数,就是在初始化渲染和更新渲染的各个不同阶段执行的函数。那怎么才能在不同阶段执行对应的函数呢?当然就是在到相应阶段调用特定的函数,所以生命周期函数的本质就是回调,我们来举一个小例子。

比如我们出生的时候要开始执行一个函数叫开启一辈子:

js

function startALifetime(life){
  
}
//本质:回调
startALifetime({
  born: ()=>{

  },
  school: () =>{

  },
  work: ()=>{

  },
  marry: ()=>{

  },
  //.....
  detroy: ()=>{

  }})

这里有些阶段是必经的,有些阶段是不同人情况不一样的,有些阶段只经历一次,有些阶段要经历多次,但本质上都是在特定阶段需要执行的操作。其实不仅是React,在Vue,在Android、iOS等程序等等编程领域都有生命周期的概念,凡事分阶段执行特定任务的场景,我们都可以考虑使用生命周期的概念。

基于 VitePress 构建