首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

ES6:模块化的基本语法

示例:假设某文件中 data.js let a = 2; let b = 3; function show() { } 默认导出a和b以及方法show: export default...默认导入: import 接收名称(自定义的名称) from '模块标识符(文件的路径)' 示例:import initData from '/common/data.js' 0 2 按需导出 1....按需导出:export 需要导出的成员 注意:每个模块可以使用多次按需导出 示例:假设某文件中 data.js export let a = 10 export let.../common/data.js' //{ }中的名称必须和按需导出的名称一样 示例2: import * as initData from '..../common/data.js' // * 表示所有,as 指取别名 0 3 直接导入并直接执行该模块的代码 有时候只是想执行某模块的代码,并不需要其中向外暴露的成员,此时可以直接导入并执行模块代码

41320
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    React 基础案例 | 可折叠的问题列表和按分类展示的美食菜谱(三)

    这两个案例,我们还是继续练习 useState Hook 的用法。...2.2、设计数据结构 接下来我们定义本地文件的数据结构,列表数据结构很简单,我们新建一个 data.js 文件,定义一个数组对象变量 questions,数据对象包含 id,title(问题标题),info...microdosing thundercats migas vaporware viral lo-fi seitan ', }, ] export default questions //src/data.js...和 Question 组件,定义 questions 状态变量(state hook),初始数据为 data.js 的数据,然后通过数组的 map 方法迭代,将数据渲染至 Question 组件,...3.2、设计数据结构 基于案例展示所示,我们每条美食信息包含美食的名称、图片、分类、价格、描述,接下来我们新建data.js 文件,定义 menu 对象数组变量,数据示例如下: const menu =

    96920

    前端人员都懂的浏览器的同源策略,以及如何进行不同源间的相互访问

    我们的主体网址是: http://localhost:5000/ 请求与自身同域的脚本文件 我们通过jquery的 ajax 来请求 http://localhost:5000/ 下的 data.js...与 http://localhost:5000/ 是同源的,所以成功请求到了 data.js 脚本文件中的数据, 浏览器也没有报错。...请求与自身不同域的脚本文件 我们通过jquery的 ajax 来请求 http://www.example.com:5000/ 下的 data.js 脚本文件 <!...我们需要向 http://www.example.com:5000/ 请求它下面的 data.js 脚本文件, 我们就只需要服务端给相应头设置一下属性即可,即可完成无论谁跨域请求该域下的 data.js...时, 代理服务器就会自动跳转到 http://www.example.com:5000/data.js , 这样的话我们就完成跨域请求, 并且浏览器也不会报错。

    1.3K10

    链式操作的用法reject的用法catch的用法all的用法race的用法

    链式操作的用法 所以,从表面上看,Promise只是能够简化层层回调的写法,而实质上,Promise的精髓是“状态”,用维护状态、传递状态的方式来使得回调函数能够及时调用,它比传递callback函数要简单...reject的用法 到这里,你应该对“Promise是什么玩意”有了最基本的了解。那么我们接着来看看ES6的Promise还有哪些功能。我们光用了resolve,还没用reject呢,它是做什么的呢?...catch的用法 我们知道Promise对象除了then方法,还有一个catch方法,它是做什么用的呢?...all的用法 Promise的all方法提供了并行执行异步操作的能力,并且在所有异步操作执行完后才执行回调。...race的用法 all方法的效果实际上是「谁跑的慢,以谁为准执行回调」,那么相对的就有另一个方法「谁跑的快,以谁为准执行回调」,这就是race方法,这个词本来就是赛跑的意思。

    4.3K20

    【微信小程序15】CSS模块化、使用缓存在本地模拟服务器数据库

    // app.js // 加载data.js文件作为初始化数据 var dataObj = require("data/data.js"); App({ // 监听小程序初始化的函数 onLaunch...}) 运行代码后,我们来看看调试下的Storage面板吧~ postList就是在代码中设置的key:‘postList’,Array数组就是设置的data对象,也就是要初始化的数据,对应的是data.js...// app.js // 加载data.js文件作为初始化数据 var dataObj = require("data/data.js"); App({ // 监听小程序初始化的函数 onLaunch...storageData){ // 如果postList缓存不存在 //1、加载data.js文件作为初始化数据 var dataObj...= require("data/data.js"); wx.clearStorageSync(); // 2、将初始化数据存入到小程序的缓存中,同步方法

    2.1K20

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券