如何在javascript中导出一个函数内的变量？
在JavaScript中，可以使用不同的方法来导出一个函数内的变量。以下是几种常见的方法：
- 使用模块化系统（如ES6模块）：在函数内部定义的变量可以通过将函数导出为模块的默认导出或命名导出来访问。其他模块可以通过导入该模块来使用这些变量。例如：
// 导出模块的默认导出
export default function myFunction() {
const myVariable = 'Hello';
return myVariable;
}
// 导出模块的命名导出
export function myFunction() {
const myVariable = 'Hello';
return myVariable;
}
// 在其他模块中导入并使用变量
import myFunction from './myModule';
import { myFunction } from './myModule';- 使用闭包：通过返回一个包含内部变量的函数，可以在外部访问函数内的变量。例如：
function myFunction() {
const myVariable = 'Hello';
return function() {
return myVariable;
};
}
const innerFunction = myFunction();
const variable = innerFunction(); // 可以访问函数内的变量- 使用全局对象：将变量赋值给全局对象的属性，可以在函数外部通过全局对象来访问该变量。例如：
function myFunction() {
const myVariable = 'Hello';
window.myVariable = myVariable; // 将变量赋值给全局对象的属性
}
myFunction();
const variable = window.myVariable; // 可以访问全局对象中的变量需要注意的是，使用全局对象可能会导致命名冲突和不良的代码设计，因此建议优先考虑使用模块化系统或闭包来导出函数内的变量。
以上是在JavaScript中导出一个函数内的变量的几种常见方法。对于更多关于JavaScript的知识和技术，您可以参考腾讯云的云开发文档。
相关·内容
如何在react-native中创建全局帮助函数
我想要用于访问sqlite数据库或从服务器获取数据。我可以用函数创建一个JavaScript文件并从多个视图调用该函数吗？
浏览 9提问于2015-11-05得票数 13
回答已采纳
在Javascript中，是否有任何方法可以导入(或要求)一个不是由模块从该模块导出的对象？
我意识到这可能是不好的做法，但我不知道这是否可能。我有Python背景，所以我对可以导入模块但不能访问Javascript中的所有数据元素的想法感到困惑。
浏览 2提问于2016-03-28得票数 8
回答已采纳
我试图将变量导出到另一个模块，但出现了错误。Uncaught :意想不到的令牌“导出”。文件结构：./css: select.css style.css
./html: index.html make.html select.html
./javascript: make.js script.js select.js
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equ
浏览 6提问于2021-12-15得票数 1
1回答
出于测试的原因，有没有办法访问模块的局部变量？
module m {
var i = 0;
export function go() {
++i;
}
}
m.go();
expect(m["i"]).toBe(1); // m["i"] is undefined
也就是说，可以访问javascript函数的本地变量吗？
当然，我可以将其导出，或者将其设置为静态并将其包装在一个类中，但我正在寻找更干净的东西。
浏览 3提问于2015-03-05得票数 0
1回答
函数定义
、
我想知道在函数中定义函数是否是JavaScript中的一个好做法。
下面是一个示例：
module.exports = function() {
function foo() {
// do something
}
...
foo()
...
}
对我来说，这看起来很奇怪。但我在阅读开源项目时经常看到这种情况。
在上面的示例中，在foo的作用域之外定义module.exports更好吗？为什么为什么不呢？
浏览 1提问于2015-10-08得票数 0
回答已采纳
我有一个自调用的javascript文件，我正在尝试在我的moduleID事件中获取onClick。
我在这里做错什么了？另外要注意的是，我已经将其中的几个文件作为“小部件”包括在它们自己的moduleID中。我担心如果我将这个变量声明移到上面，使它成为全局的，那么它是否会干扰其他也声明moduleID变量的小部件呢？
$(function() {
// Define our vars
var moduleID = 4,
output = '';
... Some more stuff ...
});
//Listen for butto
浏览 4提问于2016-07-03得票数 1
回答已采纳
当我将myFunction()包含在<a href="javascript:myFunction()">的同一个HTML页面中时，只要单击a标记，这个函数就会被调用。
但是，当myFunction()位于自调用函数中的外部JS文件中时，将不会调用该函数。
访问此函数的调用应该是什么格式？
外部文件如下所示：
(function (window, document, $, undefined) {
function myFunction() {
}
})(window, document, jQuery);
浏览 2提问于2014-06-18得票数 3
回答已采纳
3回答
目前，在我的目录中，App.js和startMenu.js作为两个单独的文件。我希望使用正确的React格式访问App.js文件中的App.js。目前，我可以使用典型的javascript语法调用函数startMenu()，但由于某种原因，我无法使React语法{startMenu}工作。任何想法都将不胜感激。
我的代码：
import React from "react";
import startMenu from './startMenu';
import credits from "./credits";
var param =
浏览 3提问于2020-10-21得票数 0
回答已采纳
2回答
我正在使用Gulp、Babelify和Browserify将ES2015编译成ES5。
文件夹结构：
project
- js
- level.js
- main.js
如果我有以下定义的模块：
// level.js
var level = [];
level[0] = {
name: 'level1',
grid: {
width: GRID_WIDTH,
height: GRID_HEIGHT
}
};
export default level;
然后我有了我的主JavaScript文件：
/
浏览 4提问于2015-11-08得票数 3
回答已采纳
从0.6.0版本开始，meteor将每个javascript文件包装到(function() { ... })中。这对于我自己的javascript文件来说是非常有意义的。但不适用于第三方库。例如，我使用来自crypto-js的sha3.js。这。位于client/lib。这在0.5.9之前是完美的。但现在，sha3的功能不再可用。
这个包装能关掉吗？
浏览 0提问于2013-04-07得票数 7
回答已采纳
在JavaScript中实现显示模块模式时，如何将参数传递给函数。我有一个像这样的模块
var GlobalModule = (function() {
function consoleLog(textToOutput) {
console.log(textToOutput);
}
return {
consoleLog: consoleLog()
};
})();
稍后，当我运行GlobalModule.consoleLog("Dummy text");时，我将undefined作为输出。
浏览 5提问于2017-04-14得票数 2
回答已采纳
我只是从RAILS 5升级到RAILS 6，我发现所有rails视图都不能像RAILS 5中一样调用javascript函数。
我有一个外部javascript文件位于
app/javascript/packs/station.js
这是嵌入在app/view/layout/application.html.erb中的，作为
<%= javascript_pack_tag 'station' %>
这是我如何从html.erb文件调用javascrpt函数的代码：
<%= text_field_tag(:station_text_field, ... ,
浏览 5提问于2020-06-15得票数 1
我写了一个简单的打字本库，我用它作为npm库。看起来是这样：
index.ts
import * as peselManager from './pesel';
/**
* Returns information if PESEL number is valid.
*
* @param {string} pesel
* @returns {boolean}
*/
export const isValidPesel = (pesel: string): boolean => {
return peselManager.isValid(pesel);
};
浏览 2提问于2017-11-22得票数 0
回答已采纳
我正在尝试一个事件源NestJS应用程序。我被困在以下几点上:在我的GamesModule中，我正在设置与流的事件存储连接。在这些选项中，有由库调用的写和读函数来更新/读取流的最后一个检查点位置。我想调用我的服务方法，这些方法可以从这些函数中写入和读取数据库。
我尝试在构造函数中注入服务，但是由于寄存器函数是并且必须是静态方法，所以我无法访问构造函数中注入的任何内容。
是否可以在动态模块的选项中使用服务或存储库？
服务写入DB并从DB读取：
@Injectable()
export class EventStoreStateService {
private readonly logger
浏览 3提问于2021-12-05得票数 0
1回答
我正在尝试用KornShell (ksh)实现下面伪代码中给出的扩展欧几里德算法。
我对":=“这几行有问题--我不知道那是什么意思。
我也遇到了多个返回变量的问题。
我如何实现这一点？
function extended_gcd(a, b)
x := 0 lastx := 1
y := 1 lasty := 0
while b ≠ 0
quotient := a div b
(a, b) := (b, a mod b)
(x, lastx) := (lastx - quotient*x, x)
浏览 0提问于2013-05-24得票数 0
回答已采纳
我有以下Javascript的情况：
// First file - the one that I can't edit
(function(){
"use strict";
function test() {
alert("a");
}
test();
})();
这是在我无法编辑的Javascript文件中定义的。我将如何重写test()方法？
重新定义函数不起作用。输出仍然是"a“。
// My file - trying to override the first file's te
浏览 5提问于2017-03-24得票数 1
1回答
我正在测试doRedis包，方法是在另一台机器上运行一台工作人员，在另一台机器上运行主/服务器。我主人的代码如下所示：
#Register ...
r <- foreach(a=1:numreps, .export(...)) %dopar% {
train <- func1(..)
best <- func2(...)
weights <- func3(...)
return ...
}
在每个函数中，都访问一个全局变量，但不修改。我已经在foreach循环的.export部分中导出
浏览 2提问于2014-03-28得票数 1
回答已采纳
1回答
我正在尝试创建一个简单的示例项目来测试角2变化检测机制:我在主索引页面的脚本标记中创建了一个纯javascript对象。它包含以下内容：
var Tryout = {};
Tryout.text = "Original text here";
Tryout.printme = function(){
console.log(Tryout.text);
}
Tryout.changeme = function(){
Tryout.text = "
浏览 6提问于2015-12-20得票数 18
回答已采纳
4回答
我使用的是jQuery，在头部调用的外部Javascript文件中，我有以下内容：
$(document).ready( function() {
var localDb = null;
function updateLocalStorage() {
// localDb is set here
}
} );
在页面底部，我用document.ready开始一个新的部分，但是localDb变量和updateLocalStorage函数都是不可访问的。
$(document).ready( function() {
updateLocalStora
浏览 3提问于2011-04-18得票数 0
回答已采纳
4回答
我正在尝试将此代码中的javascript变量值访问到ajax代码。
我试过这样做，但这不起作用-
javascript代码
<script type="text/javascript">
function getResults()
{
var radios = document.getElementsByName("address");
for (var i = 0; i < radios.length; i++)
{
if (radios[i].checked)
浏览 6提问于2013-08-21得票数 3
回答已采纳
我使用es6模块和Karma/Mocha/Sinon/Chai进行单元测试。如果在另一个es6模块中调用了一个es6模块，我就能够对第二个es6模块进行存根/监视，如下所示：
模块-a.js
export function a() {
// do something
}
模块-b.js
import * as moduleA from './module-a';
export function b() {
// do something
moduleA.a();
}
使用上面的代码，我可以监视moduleA.a()，确定何时调用moduleA.a
浏览 0提问于2017-09-08得票数 3
我的.ts文件中有一些用于angular组件的javascript代码(我在mapbox中使用它)。我希望在我的typescript代码中使用该javascript代码(polygonCoordinates[])中的变量，但我不确定如何使用。我已经在代码中包含了ngOnInit()部分。
我已经尝试过直接从javascript部分使用它，但不起作用。任何帮助都将不胜感激，因为我是新手。
ngOnInit() {
let script = this.renderer2.createElement('script');
script.type = `appli
浏览 10提问于2019-10-23得票数 0
回答已采纳
我需要从一个Angular项目更新来自外部javascript文件的变量 首先，我将变量导入到我的Angular组件中，然后尝试更新它，但我不知道该怎么做 我的Angular组件的一个小示例： import { Component } from '@angular/core';
import { externalText } from './external.js';
...
export class AppComponent {
myText = externalText;
changeText() {
// This works
浏览 13提问于2019-09-10得票数 0
如何允许变量位于"public ref class“的public/global作用域？
Visual C++ 2010
在我的主DLL main.h中：
namespace fdll {
public ref class foo
{
public:
int bar(int num);
};
}
在我的DLL main.cpp中：
#include "main.h"
int fdll::foo::bar(int num)
{
return num;
}
在另一个项目中：
#using <main.dll>
#include &
浏览 0提问于2012-05-02得票数 1
回答已采纳
1回答
如果我在我的require脚本中包含了三个文件，那么这些文件中的任何一个函数都可以看到(最重要的是，调用)任何其他函数吗？
我遇到了函数调用函数的问题，调用其他函数。我尝试将各种函数放入其他文件中，然后将其include，而不是将它们写入主文件中。
我认为这是可行的，我的测试是令人信服的，如果不是决定性的话。
我的主线代码就是这样..。
require "SOME_REQUIRED_FILE_01"
require "SOME_REQUIRED_FILE_02"
require "SOME_REQUIRED_FILE_03"
XYZ =
浏览 4提问于2014-04-25得票数 6
回答已采纳
我似乎不能让变量report1或report2具有全局作用域，我知道这个问题看起来很基本，但我就是找不到答案。
我必须将变量report1定义为numClicks == 1，然后将report2定义为numClicks == 2。但只要numClicks发生变化，JavaScript就会忘记变量，这是可以理解的。然而，我似乎不能扩大变量的范围。我知道对于PHP，你可以做一些像return $variable这样的事情来使它全球化，但是在JavaScript中没有什么是真正有效的。
<?
"<img height
浏览 1提问于2011-08-06得票数 1
回答已采纳
我是编程新手，目前正在用HTML、CSS和JavaScript构建一个项目。我希望将变量从一个外部JavaScript文件导出到另一个文件。但是，在试用时，我从控制台中得到了一个错误。错误是："SyntaxError:导出声明只能出现在模块的顶层“。
我尝试在代码的开头、结束和函数内部导出(我希望从其中导出)。我在网上查过了，但我似乎找不到任何答案，只是进口的答案。
function exports() {
export { cakeChoicePricing, cakeTypeResultPricing };
export { cupcakeChoicePricing
浏览 0提问于2019-08-11得票数 1
回答已采纳
考虑一下这个模块：
export module Example{
let customer : any;
export function myExample(customer: string) {
// How to reference the module level customer object here?
// Is there a standard to make these module level variables Pascal Case to prevent this overlap?
}
}
customer函数中的
浏览 0提问于2016-09-29得票数 3
回答已采纳
4回答
我正在使用一个javascript库，它似乎失败了，因为我在这个大网站上的其他库。有没有办法让我用沙箱把它包起来？也许把它放在一个iframe中，然后在我的javascript类中分配一个var作为
var myvar = iframe.theJSlib;
我只是在写一个想法。我不知道如何沙箱，也不知道它是否可以做到。如何用沙箱保护javascript库并在主页中访问它？
浏览 0提问于2013-01-25得票数 1
在Objective中创建ivar时，默认的可见性是“受保护的”，这意味着可以从子类访问ivar。(如果它在标题中声明)。
因此，这一守则：
@interface MagicCarpet : NSObject
{
@protected
NSString* _threadCount;
}
与此相同：
@interface MagicCarpet : NSObject
{
NSString* _threadCount;
}
显然，也有一个‘包’级别的能见度。我经常看到和使用‘公共’，‘私人’和‘保护’的可见性。。。从未见过任何带有“包”的代码。是干什么的呢？
浏览 4提问于2014-03-24得票数 0
回答已采纳
2回答
动画CC画布导出嵌入角模板
、、、、
因此，我想带来一个小的动画，我已经做了动画cc，并将它嵌入到一个角模板上的画布，可以看到以下：
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:1014px; height:650px">
<canvas id="canvas" width="1014" height="650" style="position: absolute; display: blo
浏览 0提问于2018-08-14得票数 1
回答已采纳
因此，当我使用这个require('fileName.js')将一个外部JavaScript文件添加到我的主index.js文件时。
在index.js中
const caltor = require('./calculate.js');
console.log(caltor.adding(5,7));
在我的calculate.js里
function adding (i,y){
return i+y;
}
顺便说一下，我正在使用nodejs来执行。
错误说：
console.log(caltor.adding(5,7));
浏览 2提问于2020-10-06得票数 1
回答已采纳
2回答
我对Javascript和功能范式很陌生。我非常喜欢使用闭包来将小部分状态安全地包在一个私有范围内。这是一个令人耳目一新的变化，与Java课堂崇拜的歌舞。
我编写了以下代码，目的是将0-9打印到控制台。很管用，但我很惊讶。
我不明白next如何引用递归调用的返回的函数！这与Javascript的“后期绑定”属性有关吗？
var next = (function() { // begin stateful wrapper function
var current = -1;
return function() { // begin returned function
浏览 6提问于2014-03-01得票数 4
回答已采纳
我的内容通过LTI启动加载到另一个应用程序中。该应用程序试图在其iFrame中加载内容。
我的内容有javascript调用，它被写成top.setLinkVisibility=setLinkVisibility; top.isDeeplinkSession()
当执行这些JavaScript关键字时，内容无法正确加载(获取权限被拒绝异常)：
错误:拒绝访问属性的权限**
此内容将在我的应用程序中加载，也将从我的应用程序中加载(通过LTI启动)。
现在我们尝试将top关键字替换为self和，它可以很好地使用。
但是为了使它对所有的内容有效，我们必须在1000多个文件中替换关键
浏览 3提问于2014-04-25得票数 0
回答已采纳
1回答
我们有一个基于和的跨平台应用程序.
目前，我们所有的JavaScript依赖项都是在index.html中维护的，方法是以右顺序导入它们！这种方法很快就会成为一场噩梦，编写测试和查看测试覆盖率并不是一件容易的事情。
作为未来的储蓄，我们决定使用的模块化方法。
现在，我们需要重新设计JavaScript文件，以便能够维护单个JavaScript模块之间的依赖关系。到目前一切尚好。但是，我们如何做到这一点来保存名称空间、闭包等呢？
这是一个示例代码：
//namespace check
var app_ns = app_ns || { };
// ************************
浏览 2提问于2016-02-04得票数 2
我已经创建了一个带有index.html的React应用程序，如下所示：
<!DOCTYPE html!>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="react-container"></div>
<script type="text/javascript" src="
浏览 0提问于2017-06-01得票数 3
我试图将集成到rails 6应用程序中。我在javascript/定制文件夹中添加了。然后，我在javascript/packs/application.js中导入它：
require("custom/instantclick")
我将下面一行添加到布局主体标记的末尾，以初始化实例化单击：
...
<script data-no-instant>InstantClick.init();</script>
</body>
</html>
然后，在控制台中得到以下错误：
(索引)：404未
浏览 1提问于2020-04-09得票数 0
回答已采纳
我注意到Meteor的成品就绪代码被连接、缩小，然后包装在一个匿名函数中。
理论上，这将使Meteor对象及其方法无法通过DOM / window对象/控制台访问。
为什么我仍然可以通过控制台访问匿名函数中的对象？
浏览 2提问于2015-06-01得票数 0
回答已采纳
我有如下的JavaScript代码；
var foo = (function() {
//Private vars
var a = 1;
return {
//Public vars/methods
a: a,
changeVar: function () {
a = 2;
}
}
})();
你能告诉我为什么仅仅“返回”vars/方法就会使它们成为公共的吗？
谢谢。
浏览 0提问于2013-02-28得票数 0
回答已采纳
我的TypeScript和普通JavaScript代码需要共享一个名称空间和一些数据。TypeScript应该“准备”一个名称空间，外部JS提供数据，TypeScript处理它。
上下文是一个角2应用程序。装货顺序如下：
JavaScript启动的角2应用程序
自定义外部JavaScript文件从外部源(样式)动态加载。
角2应用程序对加载的JS文件生成的数据进行进一步处理。
目前，在外部JavaScript文件中，我正在执行如下操作：
if (typeof Blog === 'undefined')
{
Blog = {
Posts
浏览 1提问于2017-01-19得票数 0
我想在一段时间后停止SSE，并需要重新连接。
在JavaScript中使用setInterval(function(){})会出现错误：
source.close(); // <<-- ERROR : object is not defined
有谁能指导我解决这个问题吗？
<script>
if(typeof(EventSource) !== "undefined"){
var source = new EventSource("sse_server.php");
// ReConnecting ST
se
浏览 0提问于2019-03-27得票数 1
所以我刚开始使用JavaScript，并试图使用一个类(或函数，因为我知道它在这种语言中被称为)在一个单独的文件中创建一个对象，就像我在其中创建类的文件一样。我还试图从第三个文件访问上述对象，因为我不希望所有的对象都遮蔽我的代码主体(我正在创建很多对象)。那么如何访问其他文件中的这些对象和类呢？我知道在Java语言中有一种方法可以做到这一点，但是JavaScript呢？
浏览 2提问于2017-11-03得票数 1
5回答
我正在尝试将function从Javascript转换为CoffeeScript。代码如下：
function convert(num1, num2, num3) {
return num1 + num2 * num3;
}
但是我如何在CoffeeScript中做到这一点呢？
我尝试从一个HTML源代码运行该函数，如下所示：
<script type="text/javascript" src="../coffee/convert.js"></script>
<script type="text/javascr
浏览 37提问于2011-06-02得票数 48
回答已采纳
2回答
我有下面的html/js现有工作代码，我希望在它们自己的文件中提取这些代码，并使用require.js加载它们。
我的目标是将其组件化，以便能够在其他地方使用它。
.html
...
<ul data-bind="foreach: selectedExams">
<li>
<select data-bind="options: $parent.availableExams, optionsText: 'examTypeName', optionsValue:'examT
浏览 4提问于2016-01-06得票数 3
回答已采纳
Javascript有全局变量和局部变量。
如何在html页面级别有中间作用域，即在页面中声明一个变量，并使其只能被嵌入到该页面中的函数访问？
浏览 0提问于2012-03-15得票数 1
回答已采纳
我在反应性项目中安装了一个使用npm安装的模块。
npm install mdbreact --save
然后，我检查了nodemodules文件夹，以确保lib安装正确，是的。现在我正在尝试从新的lib导入一些组件，比如Input和Button，我正在尝试
import * as MDB from 'mdbreact';
import Input from 'mdbreact';
而我总是得到错误error TS2307: Cannot find module 'mdbreact'的帮助，如何解决这个问题？谢谢!
浏览 0提问于2018-01-31得票数 0
是否有方法导入“外部”Javascript库，以便在List Functions中使用CouchDB？我正在尝试构建一个将执行XSL转换的List Function，并且我希望能够使用Sarissa库。
编辑：请参阅关于CouchDB中XSL转换的。
浏览 8提问于2014-04-21得票数 1
回答已采纳
1回答
我想在我正在开发的Javascript程序中使用JQuery，但是我遇到了一些关于范围的问题。如何在这段伪代码中从myfunction1调用myfunction2？(假设已经在某个地方创建了一个新的MyConstructor对象，并且调用了myfunction1() )
function MyConstructor(){...}
MyConstructor.prototype.myfunction1 = function(param) {
$('#some_element').click(function(){
this.myfunction2('cli
浏览 0提问于2011-07-27得票数 1
回答已采纳
2回答
utils/mathlib.js
export function add(x, y) {
return x + y;
}
export function subtract(x, y) {
return x - y;
}
main.js
import add from "./../utils/mathlib"; //not working. but if I do default export like `export default function add(x, y)` it will work
import { add } from "./../ut
浏览 0提问于2018-04-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
