Rainux

Header： Code is never die！ 本文主要介绍了 Vue 3 的设计过程。原文为英文版，对原文感兴趣的可查看（英文版）： Vue 3 Vue 3 的设计过程 重写 Vue.js 下个主版本的经验总结作者：尤雨溪创作日期：2020 年 5 月 在过去的一年里，Vue 团队一直在开发 Vue.js 的下一个主版本，我们打算在 2020 年上半年发布它（原文注释：在写作本文时，这个工作仍在继续）。与新的 Vue 主版本有关的想法是在 2018 年底成形的，那时 Vue 2 的代码库大约诞生了两年半。对于一个通用软件的整个生命周期来说，这个时间不算长，但是在这段时期内，前端技术已经发生了翻天覆地的变化。 设计（和重写）Vue 的下一个主版本主要基于两点考虑：1. 主流浏览器中 JavaScript 新特性的普遍可用性；2. 随着时间的推移，当前代码库的设计和结构上的缺陷逐渐暴露了出来。 为什么要重写？ 一、利用新的语言特性 随着 ES2015 的标准化，以及 JavaScript（正式名称为 ECMAScript，缩写为 ES） 进行了重大升级，主流浏览器也开始对这些新特性 ...

Code is never die ! 1.0 变量的作用域变量根据作用域的不同分为两种：全局变量和局部变量 函数内部可以使用全局变量 函数外部不可以使用局部变量 当函数执行完毕，本作用域内的局部变量会销毁 2.0 什么是闭包 闭包（closure）指有权访问另一个函数作用域中变量的函数 简单理解就是 ，一个作用域可以访问另外一个函数内部的局部变量 <script> function fn1(){ //fn1就是闭包函数 var num = 666; function fn2(){ console.log(num);//666 } fn2() } fn1();</script> 如上述代码，理解闭包：fn2内部是一个作用域，那么fn2访问了另一个函数内部的局部变量，那么这个局部变量所在函数就叫做闭包函数，所以此时fn1就是闭包函数。 闭包形成的两个关键点： 函数嵌套 内部函数使用外部函数的局部变量（将外部函数称之为闭包函数） 3.0 闭包的作用作用：延伸变量的作用范围。（使得fn外部的作用域访问 ...