var关键字在块级作用域中使用var声明变量，外面同级的块级作用域也可以访问。if、switch、for等语句的作用域都没有块级作用域，所以说，在这些语句中声明的变量都能被外界访问，这是非常不安全的。functionf(){if(true){varx=10;}console.log(x);//=>10}在if语句中通过var定义的变量，能够被外界访问。然而，在Java中是不允许的：而JavaScript只有函数才能创建一个块级作用域，也可以用IIFE函数来创建一个块级作用域。functionf(){(function(){if(true){varx=10;}})();console.log(x
1ESModule规范ESModule是目前使用较多的模块化规范，在Vue、React中大量使用，大家应该非常熟悉。TypeScript中的模块化与ES类似。1.1导出模块导出模块有两种方式：按需导出和默认导出。按需导出是使用export关键字，将需要导出的成员（变量、函数、对象等）依次导出：exportconstxxx=''exportconstxxx=()=>{}一个模块中可以有多个按需导出，但只能有一个默认导出。假设默认导出A模块，当B模块直接导入模块A时，其导入的值就是模块A默认导出的值。exportdefault{}1.2导入模块导入按需导出的模块：import{xxx}from'x
1ESModule规范ESModule是目前使用较多的模块化规范，在Vue、React中大量使用，大家应该非常熟悉。TypeScript中的模块化与ES类似。1.1导出模块导出模块有两种方式：按需导出和默认导出。按需导出是使用export关键字，将需要导出的成员（变量、函数、对象等）依次导出：exportconstxxx=''exportconstxxx=()=>{}一个模块中可以有多个按需导出，但只能有一个默认导出。假设默认导出A模块，当B模块直接导入模块A时，其导入的值就是模块A默认导出的值。exportdefault{}1.2导入模块导入按需导出的模块：import{xxx}from'x
为什么javascript中有那么多声明变量的方式，明明是弱类型的语言，确有三个关键字？最早的是var，这是es6之前的声明方式，既然有了var为什么还要有let和const呢？原因很简单，这是因为var有一些问题不够方便。首先是作用域，在一个函数内只要声明一个var，内部可以任意调用，比如创建一个for循环使用var和let的效果。作用域的区别var声明之后函数内所有的都可以调用他（var只有全局作用域和函数作用域没有块级作用域）let只会在块级作用域调用会报错（）function作用域(){for(varvar1=0;var1functionprint_one(){if(true){var
为什么javascript中有那么多声明变量的方式，明明是弱类型的语言，确有三个关键字？最早的是var，这是es6之前的声明方式，既然有了var为什么还要有let和const呢？原因很简单，这是因为var有一些问题不够方便。首先是作用域，在一个函数内只要声明一个var，内部可以任意调用，比如创建一个for循环使用var和let的效果。作用域的区别var声明之后函数内所有的都可以调用他（var只有全局作用域和函数作用域没有块级作用域）let只会在块级作用域调用会报错（）function作用域(){for(varvar1=0;var1functionprint_one(){if(true){var
模块HTML网页中，浏览器通过标签加载JavaScript脚本。//modulecode上面代码中由于浏览器脚本的默认语言是JavaScript。因此type="application/javascript"可以省略。浏览器同步加载JavaScript脚本可能会产生的问题默认情况下，浏览器是同步加载JavaScript脚本.即渲染引擎遇到标签就会停下来，等JavaScript脚本执行完后，再继续向下渲染。如果是外部脚本，还必须加入脚本下载的时间。下载完成后，在执行。如果脚本体积很大，下载和执行的时间就会很长，因此造成浏览器堵塞。用户会感觉到浏览器“卡死”了，没有任何响应。这显然是很不好的体验。
模块HTML网页中，浏览器通过标签加载JavaScript脚本。//modulecode上面代码中由于浏览器脚本的默认语言是JavaScript。因此type="application/javascript"可以省略。浏览器同步加载JavaScript脚本可能会产生的问题默认情况下，浏览器是同步加载JavaScript脚本.即渲染引擎遇到标签就会停下来，等JavaScript脚本执行完后，再继续向下渲染。如果是外部脚本，还必须加入脚本下载的时间。下载完成后，在执行。如果脚本体积很大，下载和执行的时间就会很长，因此造成浏览器堵塞。用户会感觉到浏览器“卡死”了，没有任何响应。这显然是很不好的体验。
var var声明范围是函数作用域 var声明提升：使用var声明的变量会自动提升到函数作用域的顶部，此外使用var重复声明同一个变量也没有问题，因为“提升”会将所有变量声明都拉到函数作用域的顶部，此时JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明，所以反复声明同一个变量也没有问题。 例如：console.log(age)//18varage=18 1varage=18;23vartime=2022;45console.log(age);//1867console.log(time);/20228910varage,time;11age=18;12time=2022
var var声明范围是函数作用域 var声明提升：使用var声明的变量会自动提升到函数作用域的顶部，此外使用var重复声明同一个变量也没有问题，因为“提升”会将所有变量声明都拉到函数作用域的顶部，此时JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明，所以反复声明同一个变量也没有问题。 例如：console.log(age)//18varage=18 1varage=18;23vartime=2022;45console.log(age);//1867console.log(time);/20228910varage,time;11age=18;12time=2022
视频链接：JavaScriptvarletconst的区别-Web前端工程师面试题讲解参考链接：JavaScript变量JavaScriptLetJavaScriptConst练习网站：codepen.io初步认识：功能实现HTML的部分：发表评论JS的部分：//首先要要我想弄一个评论功能，//通过document.querySelector获取到HTML中input标签的type属性为"text"的输入框的部分//于是赋值给这个var变量text，该变量就成类似容器一样的存在vartext=document.querySelector("input[type='text']");varbut
