📌  相关文章
📜  如何使用 JavaScript 从另一个文件访问变量?

📅  最后修改于: 2022-05-13 01:56:35.830000             🧑  作者: Mango

如何使用 JavaScript 从另一个文件访问变量?

在 JavaScript 中,可以使用                

        

        

    
          


Javascript
var Student =
{
    name : "ABC",
    age : 18,
    dept : "CSE",
    score : 90
};


Javascript
var Student = {
    name : "ABC",
    age : 18,
    dept : "CSE",
    score : 90
};
module.exports = {Student};


Javascript
var http = require('http');
const {Student} = require('./module1.js');
  
var Hostel = {
    student_count: 500,
    no_of_rooms: 250,
    hostel_fees: 12000
}
  
var Hostel_Allocation = {
    room_no : 151,
    student_name: Student.name,
    student_age: Student.age,
    student_dept: Student.dept,
    total_fees: 12000
}
  
var str = "Room No: " + Hostel_Allocation.room_no
         + "\nStudent Name: "
         + Hostel_Allocation.student_name
         + "\nTotal Fees: "
         + Hostel_Allocation.total_fees;
  
http.createServer(function (req, res) {
    res.write(str); 
    res.end(); 
}).listen(8080);


module1.js上面的 HTML 代码中用到了这个文件。

Javascript

var Student =
{
    name : "ABC",
    age : 18,
    dept : "CSE",
    score : 90
};

输出:

第二种方法:在这种方法中,我们创建一个 JavaScript 文件“ module1.js ”并定义一个具有“name”、“age”、“dept”和“score”属性的Student对象。 Student对象是使用 module.exports 导出的。在另一个 JavaScript 模块文件“ module2.js ”中,我们使用文件开头的 import 语句导入“ module1.js ”。 HostelHostel_Allocation对象在“ module2.js ”文件中定义, Student对象在Hostel_Allocation对象中访问。

在端口号创建和托管 HTTP 服务器。 8080. Hostel_Allocation的属性连接在一个字符串中。每当运行 Web 应用程序时,此字符串就会打印在 Web 应用程序的登录页面上。这是服务器端脚本的示例。

代码实现:

模块1.js

Javascript

var Student = {
    name : "ABC",
    age : 18,
    dept : "CSE",
    score : 90
};
module.exports = {Student};

模块2.js

Javascript

var http = require('http');
const {Student} = require('./module1.js');
  
var Hostel = {
    student_count: 500,
    no_of_rooms: 250,
    hostel_fees: 12000
}
  
var Hostel_Allocation = {
    room_no : 151,
    student_name: Student.name,
    student_age: Student.age,
    student_dept: Student.dept,
    total_fees: 12000
}
  
var str = "Room No: " + Hostel_Allocation.room_no
         + "\nStudent Name: "
         + Hostel_Allocation.student_name
         + "\nTotal Fees: "
         + Hostel_Allocation.total_fees;
  
http.createServer(function (req, res) {
    res.write(str); 
    res.end(); 
}).listen(8080);

输出:

启动服务器

node module2.js

在浏览器中运行应用程序

localhost:8080

JavaScript 以网页开发而闻名,但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。