es6的模块化，作用域。简介

已于 2022-11-17 15:49:11 修改
阅读量176 收藏 1
点赞数 3
分类专栏： 新手专用 文章标签： es6 前端 javascript
于 2022-11-17 15:47:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63579165/article/details/127905356
版权

目录

什么是模块化

不使用模块化会造成什么

模块的加载

ES6模块

什么是作用域

作用域链

什么是模块化

遵守固定规则，把大文件拆成独立又相互依赖的小模块
​
好处:
1.提高代码复用性
2.提高代码维护性
3.按需加载

不使用模块化会造成什么

不使用模块化，多人协作开发，会造成变量污染

模块的加载

module.export导出
require导入

ES6模块

完全取代CommonJs和AMD，成为浏览器和服务器的通用摸板

什么是作用域

作用域(scope) 规定了变量能够被访问的 范围，离开这个范围变量不能被访问 一旦进入作用域，就启动js解析器

作用域链

函数内部创建新的函数 ，就产生了新的函数作用域，作用域就产生了嵌套关系
作用域链的本质 是底层的变量查找机制，函数被执行时 会优先查找当前函数作用域中的变量，如果找不到则会逐级查找父级作用域直到全局作用域 ，全局找不到 变量返回undefined  函数调用报错
子作用域能够访问父作用域
父作用域无法访问子作用域
清衿鱼
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入理解es6块级作用域的使用
weixin_44526331的博客
04-03 320
这篇文章主要介绍了深入理解es6块级作用域的使用，文中通过示例代码介绍的非常详细，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 一.var 声明与变量提升机制 在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个令人困惑的地方。由于...
ES6模块化
weixin_47155623的博客
07-19 421
es6模块化
了解es6模块化，看这篇就够了
weixin_45449964的博客
03-04 1145
了解es6模块化，看这篇就够了ES ModuleES 的基本特性script标签中使用ES自动采用严格模式独立的私有作用域ESM通过CORS去请求外部JS模块ESM的script脚本会延迟执行ES 导入和导出exportexport <成员声明变量>export { 变量 }as关键字default关键字import基础用法导入defualt变量as关键字*关键字import导入的变量的特性接收普通变量和default变量 ES Module es module 是es6近几年最新出的一个模块化
javaScript的模块介绍 ，ES6模块，作用域和作用域链，
li_gui_s的博客
11-17 473
javaScript的模块介绍 ，ES6模块，作用域和作用域链，
关于ES6块级作用域的一点理解
weixin_37745913的博客
07-23 903
阅读阮一峰老师的《ECMSript6 入门》文章的过程中，对于其中一句话以及结合给出的案例，自己理解起来有些晦涩，于是把自己的理解写下来，如有不对，望指正. // 第一种写法，报错 if (true) let x = 1; // 第二种写法，不报错 if (true) { let x = 1; } 上面代码中，第一种写法没有大括号，所以不存在块级作用域，而let只能出现在当前作用域的顶层...
ES6中module模块化开发实例浅析
11-30
多人开发JavaScript时伴随着命名冲突等问题，先后有了模拟块级作用域、命名空间、模块化开发等方法。 之前，模块化开发一直是由第三方库来模拟的，比较知名的有AMD规范和CMD规范。 两个规范分别对应requirejs和seajs...
ES6 模块 新特性
01-08
ES6模块化就是要解决这样的问题 , 让 js 变的更有条理. 特点 ES6 的模块自动开启严格模式，不管你有没有在模块头部加上 use strict;。 模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，...
es6整理的一些核心语法.docx
08-10
ES6 中引入了模块化的概念，可以使用 export 和 import 来进行模块的导入和暴露。暴露的方法有多种，可以使用 import {需要导入的东西} from’需要导入的东西的位置’；import * as 任意名字 from’需要导入东西的...
前端大厂最新面试题-ES6面试题.docx
06-06
* let 和 const 都是块级作用域，只能在代码块里面使用 * 不存在变量提升，只能先声明再使用，否则会报错 * 在同一个代码块内，不允许重复声明 * const 声明的是一个只读常量，在声明时就需要赋值 2. 模板字符串 *...
ES6块级作用域
qq_38110572的博客
06-15 2112
为什么需要块级作用域? ES6新增了一个作用域 块级作用域可以简单理解为包在{}里的内容，可以自成一个作用域，但ES5中也有{}可ES5没有块级作用域，这时候就要用到let 和const。因此可以将块级作用域理解为：使用let和const生命的变量只在当前{}内生效。由此构建出块级作用域。 这里{} 包括 if(){} switch(){} for(){} while(){} try()catch(err){} {} ES5 只有全局作用域和函数作用域，没有块级作用域，这导致很多场景不合理。 1、内层变量
es6模块化的好处与安装
weixin_49199001的博客
09-07 522
es6模块化的好处：避免命名冲突，更好分离，更高复用，可维护性高，那麽如何实现模块化？
ES6中的模块化 默认导出与默认导入 按需导入与按需导出
kjs--的博客
04-20 1136
ES6中的模块化 学习路径 前端模块化规范的分类 什么是 ES6 模块化规范 默认导出与默认导入 按需导入与按需导出 1.前端模块化规范的分类 在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了AMD、CMD、CommonJS等模块化规范。 但是，这些由社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准，例如： ⚫ AMD 和 CMD 适用于浏览器端的 Javascript 模块化 ⚫ CommonJS 适用于服务器端的 Javascript 模
浅谈ES6 块级作用域
筱葭的博客
03-30 7162
1、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题： 1) 变量提升导致内层变量可能会覆盖外层变量； var i = 5; function func() { console.log(i); if (true) { var i = 6; } } func(); // undefined 2) 用来计数的循环变量泄露为全局变量 for (v
深入理解ES6之模块
吴蕴强的博客
03-13 2027
深入理解ES6之var,let,const区别 深入理解ES6之函数 深入理解ES6之对象 深入理解ES6之类 深入理解ES6之解构 深入理解ES6之Promise与异步编程 一：模块背景： JS”共享一切”的代码加载方式是该语言混乱且容易出错的原因之一，这种方式导致了诸多问题，例如命名冲突，安全问题等。ES6模块化就是要解决作用域问题，让JS变的更有条理。 模块的特点 1：模块...
浅谈ES6模块化
cmy0816的博客
05-20 1769
浅谈模块化(完整版)===========原生的JS没有提供模块化,于是有人写了require.js，来帮助JS模块化，有人又不想用第三方提供的JS模块载入框架，所以原生JS的ES6提供了代码的模块化，但是目前大部分的浏览器都不支持ES6的模块化，所以昨天更新了webpack的基本配置，配置完成之后就可以进行ES6模块化的调试了。也许还有人不知道什么是模块化，给大家举一个简单的例子吧！我们之前写代...
import和require
coffee3139564344的博客
06-27 832
import命令会被 JavaScript 引擎静态分析，先于模块内的其他模块执行（叫做”连接“更合适）。所以，下面的代码会报错。// 报错 if (x === 2) { import MyModual from ‘./myModual’;}上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执
es6中的模块化
weixin_46511008的博客
09-21 8136
1、模块化 说明：模块化是指将一个很大的程序文件，拆分为许多个小的文件，然后将多个小文件组合起来 （1）模块化的好处： ① 阻止命名冲突； ② 代码复用； ③ 高维护性 （2）ES6 模块化语法： ① export 命令：用于规定模块的对外接口 ② import 命令：用于输入其他模块提供的功能 （3）export 暴露方式，3种： 1、第一种暴露方式：分别暴露 // 1. 分别暴露, m1.js, m1.js export let school = 'gc'; export fun
说说你对Es6模块化的理解
最新发布
07-15
ES6模块化是JavaScript中的一种模块化标准，它提供了一种更加优雅和灵活的方式来组织、导入和导出代码。通过使用ES6模块化，我们可以将代码拆分成多个独立的模块，使得代码更加可维护、可扩展和可重用。 在ES6模块...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值