从同一源导入的功能是否可以访问其源全局变量？

Question

好的，我使用我知道的每个关键字搜索了我知道的每个站点，但是我发现没有什么可以关闭的我搜索的主题，也许整个问题是错误的，但是无论如何...

假设我们有一个名为index.js的模块，其中包含存储和两个负责读取/写入存储的功能。

var STORAGE = []

function writeStorage(data) {
  STORAGE.push(data)
}

function readStorage(data) {
  //find data in STORAGE... and return result as RES
  return RES
}

现在，在名为write.js的文件中，我们导入writestorage（）。

在名为read.js的另一个文件中，我们导入readstorage（）。

这就是问题上升的地方，

是否会从同一源导入功能，可以访问其源全局变量吗？

ie，我们可以在index中修改storege。 JS，使用writestorage（）我们在write.js中导入的？

并读取存储使用read.js使用readstorage（）？。

Answer 1

我想为此提供更清晰的答案。功能有两个范围：词汇和动态。 动态表示，一个函数将在该区域中搜索变量，该变量被称为：

let someVar = 'global';

function dynamicScope () {
    someVar = 'dynamic';
    console.log(somevar);
}

dynamicalScope(); // will display 'global'

词汇表示，该函数将搜索变量，而变量是< Strong>书面/声明：

let someVar = 'global';

function lexicalScope () {
    someVar = 'lexical';
    console.log(somevar);
} 

lexicalScope(); // will display 'lexical'

但是在JavaScript中，无法使用动态范围，因此所有函数都将搜索变量 已声明/书面 。

不要注意细节，这只是一个伪代码。

Answer 2

简短答案：是的，这是可能的。

Answer 3

是的，您可以做到这一点。

这篇文章也可能有助于理解：
相同的JavaScript分享相同的词汇范围

另一个例子是证明@Azamat的答案

//file_to_import.js
let fruit = 'banana';
let fruits = []

export function describeFruit(){
    console.log(`The ${fruit} is yellow`)
}

export function listFruits () {
    console.log(`Fruits: ${fruits.join(', ')}`)
}

export function addFruits (fruitToAdd) {
    fruits.push(fruitToAdd)
}


setTimeout(listFruits, 1000)
setTimeout(listFruits, 5000)



//index.js
import { addFruits, describeFruit} from "./file_to_import.js"; //import brings in functions and initializes (runs) all code from the file_to_import.js

//Declare a variable named 'fruit' .  There now exists two fruit variables - one in the scope of this file (index.js) which is the string 'apple' and the other in the scope of the imported file (file_to_import) which is the string 'banana'.
let fruit = 'apple'

//Demonstrate the imported function has access to the variables in the scope from which it was declared
describeFruit() // logs 'the banana is yellow' demonstrating the access to the variable 'fruit' in file_to_import.js NOT to the variable fruit as declared here


// Code from 1st setTimeout (1000ms delay) from file_to_import executes, showing we have no fruits in our 'fruits' array as declared in file_to_import
// Code from this setTimeout (3000ms delay) executes, adding the variable fruit, as it exists in the scope of this file, to the array 'fruits' as it is exists in the file_to_import scope
setTimeout(()=>addFruits(fruit), 3000); 
//Code from 2nd setTimeout (5000ms delay) from file_to_import executes showing we now have an apple in our array