js export导出的函数引用return为undefined的情况解决

最新推荐文章于 2024-10-15 16:29:04 发布

原创最新推荐文章于 2024-10-15 16:29:04 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js #javascript #es6

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

es6

1 篇文章

订阅专栏

本文记录了一次在使用JavaScript过程中遇到的函数调用问题，通过正确的函数调用方式解决了undefined的问题。

记录一下我的骚炒作。。。。。把自己给整笑了！

相关代码截图

我的导入使用：

import { findMenuTree } from "../../json/list";
console.log(findMenuTree); // 完全正常 可以打印出函数
console.log(findMenuTree.data); // undefined

解决方案：

 console.log(findMenuTree().data);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

-敏敏特穆尔-

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

封装导出功能（export）

m0_71071209的博客

07-29

1165

是一个用于在前端导出文件的JavaScript库，‌它允许开发者在浏览器环境中方便地保存文件。‌通过使用file-saver，‌开发者可以创建Blob对象，‌并利用FileSaver.saveAs方法将文件保存到用户的设备上。‌这种方法特别适用于Web应用中需要导出文件到客户端的情况，‌如Excel、‌CSV等。‌在Vue.js中使用file-saver导出文件的基本步骤包括：‌。

原生js用Export2Excel导出excel单级表头和多级表头数据方式实现

牛先森家的博客

08-18

884

原生js用Export2Excel导出excel单级表头和多级表头数据方式实现

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

陈宝玉 2020.11.20
好家伙，这不是常识性问题么哈哈哈哈

ES6 export导出的函数引用return为undefined的情况解决

wys997的博客

06-28

2296

axios封装后，export导出路由为undefined

qq_43654065的博客

12-08

749

问题描述：对axios进行简单的封装后，store下的文件导入路由routes，结果返回的是undefined。没封装前路由是可以正常导入的，但是封装后就无法正常导入了。解决方法：以前的导入方式是 import routes from './router/index' 改为require方式 const routes = require('./router/index') 接下来就可以正常使用了。 ...

详解 JavaScript 中的模块、Import和Export

hmily43的博客

04-18

4496

在互联网的洪荒时代，网站主要用 HTML和 CSS 开发的。若是将 JavaScript 加载到页面中，一般是以小片断的形式提供效果和交互，通常会把全部的 JavaScript 代码全都写在一个文件中，并加载到一个script标签中。尽管能够把 JavaScript 拆分为多个文件，可是全部的变量和函数仍然会被添加到全局做用域中。前端可是后来 JavaScript 在浏览器中发挥着重要的做用，迫切须要使用第三方代码来完成常见任务，而且须要把代码分解为模块化的文件，避免污染全局命名空间。java E..

在脚本与js中如何使用import与export default

weixin_42722914的博客

05-20

341

1.如果是脚本中使用,script 中需要加type=''module" 如 const obj = {a:1} export defult obj import obj from ‘./test.js’ 2.如果是js中使用可以在根目录下pagekage.json中加"type": “module”, 就可以使用了

vue 引入第三方js报错undefined

强哥叨逼叨

06-19

7997

今天在项目中使用到高德地图，在本地npm run dev运行起来没有问题，可是在打包发布到测试环境后，使用高德地图的界面就会报Amap undefined，按照自己原先的教程（vue2（webpack）调用amap高德地图及其UI组件和标记物）应该是没有问题的，其他项目也是这么用的，可是这次怎么不行了？然后F12打开刷新页面看了下，发现原来没有加载高德地图的js。额，可是为什么呢？之前的项目怎么就...

JavaScript语法（一）：在script标签写export为什么会抛错？

qq_37756660的博客

05-30

1577

今天，我们一起进入了 JavaScript 的语法部分，在开始学习之前，我先介绍了一部分语法的基本规则。我们首先介绍了 JavaScript 语法的全局结构，JavaScript 有两种源文件，一种叫做脚本，一种叫做模块。介绍完脚本和模块的基础概念，我们再来把它们往下分，脚本中可以包含语句。模块中可以包含三种内容：import 声明，export 声明和语句。最后，我介绍了两个 JavaScript 语法的全局机制：预处理和指令序言。

使用excel.js（layui-excel）进行layui多级表头导出，根据单元格内容设置背景颜色，并将导出函数添加到toolbar

lx1343410645的博客

10-15

1371

使用excel.js（layui-excel）进行layui多级表头导出，根据单元格内容设置背景颜色，并将导出函数添加到toolbar

js防抖函数返回值问题解决方案

见贤思齐焉，见不贤内自省

08-25

1884

需求：当我们在使用防抖函数的时候会碰到需要使用传入函数的返回值的问题，所以我们配合promise来实现。带有返回值的防抖函数： /** * @param {函数} fn * @param {防抖时间间隔} wait */ //防抖函数 const debounce = () => { let timer = null; const newDebounce = function(fn, wait, ...args) { return new Promise((r

javascript中为什么我们不能直接使用export?

02-28

1756

这个行为是JavaScript公认的设计失误之一(类似的还有双等 ==)，一个语句中的a在预处理阶段和执行阶段被当做两个不同的变量，严重违背了直觉，但是今天，在JavaScript设计原则“don’t break the web”之下，已经无法修正了，所以这里需要特别的注意。但是，这里的行为跟导出变量是不一致的，这里导出的是值，导出的就是普通变量a的值，以后a的变化与导出的值就无关了，修改变量a，不会使得其他模块中引入的default值发生改变。当我们调用修改变量的函数后，b模块变量也跟着发生了改变。

踩坑：vue项目js文件报store undefined

weixin_41721295的博客

10-29

3864

文件目录大致为： src api.js store modules content.js utils.js utils.js中： import store from '@/store' console.log(store) store.commit('SET_HOST', location.hostname) export isLocal = location.hostname === 'localhost' api.js中： import...

JS调用方法时报undefined排查思路

摸鱼小队

08-21

3975

JS调用方法时报undefined排查思路 1、看该方法是否存在 2、看参数是否存在，看调用时传的实参数有没有值， 3、函数调用没有返回值或者return后没有数据，接收函数返回的变量是undefined

JavaScript模块的导出和导入之export和module.exports的区别

LlanyW的专栏

04-18

9048

CommonJS规范中，建议尽量都用 module.exports 导出，然后用require导入 ES6规则中，大部分风格建议，模块中最好在末尾用一个export导出所有的接口module.exports / exports: 只有 Node 支持的导出require: Node 和 ES6 都支持的引入export / import : 只有ES6 支持的导出引入。

JavaScript第 30 篇，JavaScript中的export、export default、exports 和 module.exports使用详细

最新发布

04-23

### 如何在 JavaScript 中 `export` 异步函数在 JavaScript 中，可以通过多种方式定义并导出异步函数。通常使用 ES6 模块语法来实现这一功能。以下是几种常见的方法以及可能遇到的问题和解决方案。 #### 方法一：通过 `async/await` 定义并导出异步函数可以使用 `async` 关键字声明一个异步函数，并将其作为模块的一部分导出。例如： ```javascript // myModule.js export async function fetchData(url) { try { const response = await fetch(url); if (!response.ok) throw new Error('Network response was not ok'); return await response.json(); } catch (error) { console.error('There was a problem with the fetch operation:', error); } } ``` 这种方式允许其他文件通过 `import` 导入该异步函数并调用它[^1]。 #### 方法二：封装复杂的异步逻辑并通过组合式 API 提供接口对于更复杂的应用场景，可以利用 Vue 组合式 API 创建可复用的异步逻辑封装工具。例如： ```javascript // useAsync.js import { ref } from 'vue'; export function useAsync(asyncFn) { const data = ref(null); const error = ref(null); const isLoading = ref(false); const execute = async (...args) => { isLoading.value = true; try { data.value = await asyncFn(...args); } catch (err) { error.value = err; } finally { isLoading.value = false; } }; return { data, error, isLoading, execute }; } // 使用示例 const { data, execute } = useAsync(fetchData); execute().then(() => console.log(data.value)); ``` 这种方法不仅简化了异步操作的管理，还提供了状态跟踪的功能[^2]。 #### 常见问题及解决办法 ##### 问题 1：无法获取异步函数的结果如果尝试直接返回异步函数内部的数据而未正确处理 Promise，则可能会导致数据丢失或错误。例如： ```javascript function getData() { setTimeout(() => { var name = '张三'; }, 1000); return name; // 此处会立即返回 undefined } console.log(getData()); // 输出 undefined ``` **解决方案**：改用 `Promise` 或者 `async/await` 来确保正确的异步流程控制。 ```javascript function getData() { return new Promise((resolve) => { setTimeout(() => resolve('张三'), 1000); }); } getData().then(name => console.log(name)); // 输出 "张三" ``` 或者采用 `async/await` 方式： ```javascript const mainFunction = async () => { const result = await asynchronousFunction(); // 替代实际异步函数名 return result; }; ``` 这能够有效避免因异步特性而导致的数据缺失问题[^3]。 ##### 问题 2：跨模块间共享异步状态困难当多个组件依赖同一个异步请求的状态时，手动维护这些状态可能导致代码冗余且难以调试。 **解决方案**：借助 Vue 的组合式 API 或 React Context 等机制统一管理和分发异步状态。 --- ### 总结以上介绍了两种主要的方式用于在 JavaScript 中导出异步函数，并针对可能出现的问题提出了相应的解决策略。无论是简单的 `async/await` 结构还是基于框架特性的高级封装模式，都旨在提升开发效率与程序健壮性。

js export导出的函数 引用return为undefined的情况 解决

1 条评论

js export导出的函数引用return为undefined的情况解决