自定义模块为什么要模块？模块化源代码能给我们带来什么好处？试想一个巨无霸网购平台，在没有模块化的情况下，如果出现bug，程序员就要在几百万行代码里调试，导致后期维护成本上升，为了解决问题，模块化按功能切分，把大问题转换成小问题，让每个模块独立运营，通过接口对外开放，让程序统一调用，降低程序出错的风险，也能方便升级模块内部的代码，不影响全局创建模块（?计算器）模拟巨无霸程序（现有两个js文件app.jsserver.js）如果没有模块化程序，那么server.js也想用这些功能的时候也必须将函数写一遍。就会出现代码重叠，如果要修改，就要全部进行修改⭐所以我们将这部分函数模块化新建calculat
自定义模块为什么要模块？模块化源代码能给我们带来什么好处？试想一个巨无霸网购平台，在没有模块化的情况下，如果出现bug，程序员就要在几百万行代码里调试，导致后期维护成本上升，为了解决问题，模块化按功能切分，把大问题转换成小问题，让每个模块独立运营，通过接口对外开放，让程序统一调用，降低程序出错的风险，也能方便升级模块内部的代码，不影响全局创建模块（?计算器）模拟巨无霸程序（现有两个js文件app.jsserver.js）如果没有模块化程序，那么server.js也想用这些功能的时候也必须将函数写一遍。就会出现代码重叠，如果要修改，就要全部进行修改⭐所以我们将这部分函数模块化新建calculat
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
ES介绍什么是ESES全称EcmaScript是一种脚本语言的规范Javascript为ES的实现Ecma是一个组织Ecma组织为什么要学习ES6?ES6的版本变动内容最多,具有里程碑意义ES6加入了许多新的语法特性ES6是前端的发展趋势,就业必备技能ES6兼容性查看正式学习let变量声明以及声明特性点击查看代码//声明变量leta;letb,c,d;lete=100;letf=521,g='zhangsan',h=[];变量不能重复声明块级作用域全局,函数,eval(if,else,while,for)不存在变量提升(不允许在未声明前使用)不影响作用域链{ letschool='尚硅谷; f
ES介绍什么是ESES全称EcmaScript是一种脚本语言的规范Javascript为ES的实现Ecma是一个组织Ecma组织为什么要学习ES6?ES6的版本变动内容最多,具有里程碑意义ES6加入了许多新的语法特性ES6是前端的发展趋势,就业必备技能ES6兼容性查看正式学习let变量声明以及声明特性点击查看代码//声明变量leta;letb,c,d;lete=100;letf=521,g='zhangsan',h=[];变量不能重复声明块级作用域全局,函数,eval(if,else,while,for)不存在变量提升(不允许在未声明前使用)不影响作用域链{ letschool='尚硅谷; f
前言本文主要是对Promise本身的用法做一个全面解析而非它的原理实现，如果你对Promise的用法还不是很熟悉或者想加深你对Promise的理解，我相信这篇文章一定会帮到你。首先让我们先了解一下JavaScript为什么会引入Promise回调地狱让我们先看这样一段代码，JQuery中ajax请求：$.ajax({url:"url1",data:{},success(res1){//获取到第一个数据console.log(res1);//根据第一个数去去获取第二个数据$.ajax({url:"url2",data:{query:res1.xxx,},success(res2){//获取到第二
前言本文主要是对Promise本身的用法做一个全面解析而非它的原理实现，如果你对Promise的用法还不是很熟悉或者想加深你对Promise的理解，我相信这篇文章一定会帮到你。首先让我们先了解一下JavaScript为什么会引入Promise回调地狱让我们先看这样一段代码，JQuery中ajax请求：$.ajax({url:"url1",data:{},success(res1){//获取到第一个数据console.log(res1);//根据第一个数去去获取第二个数据$.ajax({url:"url2",data:{query:res1.xxx,},success(res2){//获取到第二
介绍es表示ECMASCript，他是从es3，es5，es6，es5是2009.12月发布的，es6是2015.6月发布的。vue2完全支持es5的（vue3完全支持es6的），react完全支持es6es5的新特性严格模式（对应的相反的称为怪异模式）'usestrict'//一般用于相关的设计上面书写一个严格模式底下的代码就需要按照严格模式执行严格模式的特性变量必须要带修饰符"usestrict";a=10console.log(a);//aisnotdefined 函数里面this不能指向windowfunctionsayHello(){console.log(this);//unde
介绍es表示ECMASCript，他是从es3，es5，es6，es5是2009.12月发布的，es6是2015.6月发布的。vue2完全支持es5的（vue3完全支持es6的），react完全支持es6es5的新特性严格模式（对应的相反的称为怪异模式）'usestrict'//一般用于相关的设计上面书写一个严格模式底下的代码就需要按照严格模式执行严格模式的特性变量必须要带修饰符"usestrict";a=10console.log(a);//aisnotdefined 函数里面this不能指向windowfunctionsayHello(){console.log(this);//unde
