Hướng dẫn how do i pass a variable from one javascript file to another? - làm cách nào để chuyển một biến từ tệp javascript này sang tệp javascript khác?

Tôi đã thử những điều sau đây, cố gắng chuyển một biến từ một tệp JavaScript sang biến JavaScript khác. Tệp JavaScript đầu tiên của tôi:

var x = "sachin";

Tệp JavaScript khác của tôi không thể truy cập giá trị biến

 //declare var x=1 here
 // you can access x from here.

4 đó. Tôi giải quyết điều này như thế nào? Tôi có thể truy cập biến

 //declare var x=1 here
 // you can access x from here.

4 và cùng một giá trị trong một tệp khác.

Andrew Li

53.3K13 Huy hiệu vàng120 Huy hiệu bạc140 Huy hiệu đồng13 gold badges120 silver badges140 bronze badges

Hỏi ngày 21 tháng 12 năm 2016 lúc 5:38Dec 21, 2016 at 5:38

6

Xem về các biến địa phương và toàn cầu để biết thêm thông tin. //www.w3schools.com/js/js_scope.asp.

Đảm bảo Var X của bạn không ở trong một hàm và tệp của bạn được tải theo đúng thứ tự.

 //declare var x=1 here
 // you can access x from here.

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 5:46Dec 21, 2016 at 5:46

1

Một biến trong phạm vi toàn cầu có thể được truy cập từ tất cả các tệp JavaScript. Tệp JS đầu tiên của bạn
Your first js file

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

Và tệp JS thứ hai của bạn

    //second.js file
    alert[globalVariable.x];

Và trong trang HTML bổ sung-

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 5:57Dec 21, 2016 at 5:57

AshvinashvinAshvin

2112 Huy hiệu bạc11 Huy hiệu đồng2 silver badges11 bronze badges

1

Tôi sẽ cho rằng bạn đang chạy JavaScript trong trình duyệt. Thứ tự mà bạn bao gồm các tập tin này có vấn đề. Nếu thẻ tập lệnh của bạn không đúng thứ tự, như ...

Nếu

 //declare var x=1 here
 // you can access x from here.

4is được xác định trong File1, bạn không thể sử dụng nó trong File2. FILE2 tải và chạy đầu tiên.

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 5:46Dec 21, 2016 at 5:46

Một biến trong phạm vi toàn cầu có thể được truy cập từ tất cả các tệp JavaScript. Tệp JS đầu tiên của bạnbigblind

Và tệp JS thứ hai của bạn13 gold badges68 silver badges119 bronze badges

Và trong trang HTML bổ sung-

Đã trả lời ngày 21 tháng 12 năm 2016 lúc 5:57

window.x = "sachin";

Ashvinashvin

• 2112 Huy hiệu bạc11 Huy hiệu đồng
• Tôi sẽ cho rằng bạn đang chạy JavaScript trong trình duyệt. Thứ tự mà bạn bao gồm các tập tin này có vấn đề. Nếu thẻ tập lệnh của bạn không đúng thứ tự, như ...
• Nếu

   //declare var x=1 here
   // you can access x from here.
  

  4is được xác định trong File1, bạn không thể sử dụng nó trong File2. FILE2 tải và chạy đầu tiên.

BigBlindBigBlindDec 21, 2016 at 5:47

Nhập các biến từ một tệp khác bằng JavaScript #

Để nhập một biến từ một tệp khác trong JavaScript:

1. Xuất biến từ Tệp

     //first.js file
       var globalVariable={
          x: 'sachin'
       };
   

   0, ví dụ:

     //first.js file
       var globalVariable={
          x: 'sachin'
       };
   

   1.
2. Nhập biến trong tệp

     //first.js file
       var globalVariable={
          x: 'sachin'
       };
   

   2 là

     //first.js file
       var globalVariable={
          x: 'sachin'
       };
   

   3.

Dưới đây là một ví dụ về xuất hai biến từ một tệp gọi là

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

4.

Copied!
// 👇️ named export
export const str = 'Hello world';

// 👇️ named export
export const str2 = 'one two three';

Đây là cách chúng tôi sẽ nhập các biến trong một tệp có tên

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

5.

Copied!
// 👇️ named import
import {str, str2} from './another-file.js';

console.log[str]; // 👉️ "Hello world"

console.log[str2]; // 👉️ "one two three"

Đảm bảo sửa đường dẫn chỉ vào mô -đun

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

4 nếu bạn phải. Ví dụ giả định rằng

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

4 và

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

5 được đặt trong cùng một thư mục.

Ví dụ: nếu

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

4 được đặt một thư mục, bạn sẽ phải nhập dưới dạng

    //second.js file
    alert[globalVariable.x];

0.

Chúng tôi kết thúc tên của biến trong niềng răng xoăn khi nhập nó. Điều này được gọi là nhập khẩu được đặt tên.

Cú pháp chúng tôi đang sử dụng để xuất và nhập biến được gọi là mô -đun JavaScript.

Để có thể nhập một biến từ một tệp khác, nó phải được xuất bằng cách sử dụng xuất khẩu hoặc xuất mặc định.

Ví dụ trên sử dụng xuất khẩu được đặt tên và nhập được đặt tên.

Sự khác biệt chính giữa xuất khẩu và nhập mặc định và nhập khẩu là bạn có thể có nhiều lần xuất được đặt tên cho mỗi tệp, nhưng bạn chỉ có thể có một lần xuất mặc định duy nhất.

Chúng ta hãy xem một ví dụ về cách chúng ta sẽ nhập một biến được xuất bằng cách sử dụng xuất khẩu mặc định.

Dưới đây là nội dung của

  //first.js file
    var globalVariable={
       x: 'sachin'
    };

4.

Copied!
const str = 'Hello world';

// 👇️ default export
export default str;

Và đây là cách chúng tôi nhập biến bằng cách sử dụng nhập mặc định.

 //declare var x=1 here
 // you can access x from here.

0

Lưu ý rằng chúng tôi đã không bọc nhập khẩu trong niềng răng xoăn.

Chúng tôi cũng có thể đã sử dụng một tên khác khi nhập biến, ví dụ:

    //second.js file
    alert[globalVariable.x];

2.

 //declare var x=1 here
 // you can access x from here.

1

Điều này hoạt động, nhưng khó hiểu và nên tránh.

Nếu bạn đang xuất một biến [hoặc hàm mũi tên] dưới dạng xuất mặc định, bạn phải khai báo nó trên 1 dòng và xuất nó vào tiếp theo. Bạn không thể khai báo và xuất khẩu mặc định một biến trên cùng một dòng.

Theo kinh nghiệm của tôi, hầu hết các loại mã thế giới thực thực sử dụng được đặt tên là xuất khẩu và nhập khẩu, bởi vì chúng giúp tận dụng IDE của bạn dễ dàng hơn để tự động hoàn thành và tự động. .
You also don't have to think about which members are exported with a default or named export.

Bạn cũng có thể trộn và kết hợp. Dưới đây là một ví dụ về một tệp sử dụng cả xuất khẩu mặc định và được đặt tên.

 //declare var x=1 here
 // you can access x from here.

2

Và đây là cách bạn sẽ nhập hai biến.

 //declare var x=1 here
 // you can access x from here.

3

Chúng tôi đã sử dụng nhập mặc định để nhập biến

    //second.js file
    alert[globalVariable.x];

3 và nhập được đặt tên để nhập biến

    //second.js file
    alert[globalVariable.x];

4.

Lưu ý rằng bạn chỉ có thể có một lần xuất mặc định cho mỗi tệp, nhưng bạn có thể có nhiều xuất khẩu được đặt tên khi cần thiết.