Làm cách nào để sử dụng các biến từ tệp js trong HTML?

Nếu bạn làm điều này, các biến JavaScript sẽ tự động được chia sẻ giữa các tệp bạn liên kết trong HTML của mình [nó tồn tại trong biến window được chia sẻ toàn cầu]

Nếu bạn đang ở trong NodeJS

const script = require["./script.js"];

Khi bạn làm điều này, các biến được chia sẻ, nhưng bạn cũng có thể chỉ định nội dung mà tệp JavaScript [mô-đun] trả về, với module.exports.
Ví dụ, trong kịch bản. js.

module.exports = "Hello World";

Và sau đó, bạn có thể lấy giá trị trong tệp js chính của mình

const script = require["./script.js"];
console.log[script];

Và nó sẽ trở lại

Tôi hi vọng cái này giúp được

2 năm trước

đây là cách. Trong tệp đầu tiên, đặt một var

var variable = "something"

bây giờ trong tệp chính, hãy nhập nó

import { variable } from './path/to/FILENAME.js';

như vậy. Đặt tên tệp vào đó filename.js
Nó sẽ hoạt động

2 năm trước

Bạn không cần nhập biến, nếu bạn có các thẻ script theo thứ tự, tôi nghĩ rằng các biến sẽ hoạt động trong mọi tệp js

2 năm trước

Đây là giao diện người dùng JS hay NodeJS? . Nếu bạn liên kết cả hai tệp trong tài liệu, bất kỳ biến nào được khai báo ở cấp cao nhất với var sẽ thuộc phạm vi chung được chia sẻ [window]. Đối với NodeJS, biến

const script = require["./script.js"];

1

Đây là một ví dụ về cách bạn có thể tạo tập lệnh để hiển thị và thay đổi --blue biến từ ví dụ được sử dụng trong các trang trước. Hiện tại, đừng lo lắng nếu bạn chưa quen với JavaScript. Bạn có thể tìm hiểu thêm về JavaScript trong Hướng dẫn JavaScript của chúng tôi

Ví dụ

Tự mình thử »

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ chức năng

module.exports = "Hello World";

1

Trong ví dụ này,

module.exports = "Hello World";

2,

module.exports = "Hello World";

3 và

module.exports = "Hello World";

4 là các biến, được khai báo bằng từ khóa var

Trong ví dụ này,

module.exports = "Hello World";

2,

module.exports = "Hello World";

  

3 và

module.exports = "Hello World";

4, là các biến, được khai báo bằng từ khóa

module.exports = "Hello World";

9

Trong ví dụ này,

module.exports = "Hello World";

2,

module.exports = "Hello World";

3 và

module.exports = "Hello World";

4 là các biến không được khai báo

Từ tất cả các ví dụ trên, bạn có thể đoán

• x lưu trữ giá trị 5
• y lưu trữ giá trị 6
• z lưu trữ giá trị 11

Khi nào nên sử dụng JavaScript var?

Luôn khai báo các biến JavaScript với var,

module.exports = "Hello World";

9, hoặc

const script = require["./script.js"];
console.log[script];

5

Từ khóa var được sử dụng trong tất cả mã JavaScript từ 1995 đến 2015

Các từ khóa

module.exports = "Hello World";

9 và

const script = require["./script.js"];
console.log[script];

5 đã được thêm vào JavaScript vào năm 2015

Nếu bạn muốn mã của mình chạy trong các trình duyệt cũ hơn, bạn phải sử dụng var

Khi nào nên sử dụng JavaScript const?

Nếu bạn muốn một quy tắc chung. luôn khai báo các biến với

const script = require["./script.js"];
console.log[script];

5

Nếu bạn cho rằng giá trị của biến có thể thay đổi, hãy sử dụng

module.exports = "Hello World";

9

Trong ví dụ này,

const script = require["./script.js"];
console.log[script];

53,

const script = require["./script.js"];
console.log[script];

54 và

const script = require["./script.js"];
console.log[script];

55, là các biến

Ví dụ

const price1 = 5;
const price2 = 6;
let total = price1 + price2;

Tự mình thử »

Hai biến

const script = require["./script.js"];
console.log[script];

53 và

const script = require["./script.js"];
console.log[script];

54 được khai báo với từ khóa

const script = require["./script.js"];
console.log[script];

  

5

Đây là những giá trị không đổi và không thể thay đổi

Biến

const script = require["./script.js"];
console.log[script];

55 được khai báo với từ khóa

module.exports = "Hello World";

9

Đây là giá trị có thể thay đổi

Cũng giống như đại số

Cũng giống như trong đại số, các biến giữ giá trị

Cũng giống như trong đại số, biến được sử dụng trong biểu thức

Từ ví dụ trên, bạn có thể đoán rằng tổng được tính là 11

Ghi chú

Biến là nơi chứa các giá trị

Định danh JavaScript

Tất cả các biến JavaScript phải được xác định bằng các tên duy nhất

Những tên duy nhất này được gọi là định danh

Mã định danh có thể là tên ngắn [như x và y] hoặc tên mô tả hơn [tuổi, tổng, tổng số lượng]

Các quy tắc chung để xây dựng tên cho các biến [số nhận dạng duy nhất] là

• Tên có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la
• Tên phải bắt đầu bằng một chữ cái
• Tên cũng có thể bắt đầu bằng $ và _ [nhưng chúng tôi sẽ không sử dụng nó trong hướng dẫn này]
• Tên phân biệt chữ hoa chữ thường [y và Y là các biến khác nhau]
• Không thể sử dụng các từ dành riêng [như từ khóa JavaScript] làm tên

Ghi chú

Số nhận dạng JavaScript phân biệt chữ hoa chữ thường

Toán tử gán

Trong JavaScript, dấu bằng [______121] là toán tử "gán", không phải toán tử "bằng"

Điều này khác với đại số. Điều sau đây không có ý nghĩa trong đại số

Tuy nhiên, trong JavaScript, điều đó hoàn toàn hợp lý. nó gán giá trị của x + 5 cho x

[Nó tính giá trị của x + 5 và đặt kết quả vào x. Giá trị của x được tăng thêm 5. ]

Ghi chú

Toán tử "bằng" được viết như

module.exports = "Hello World";

22 trong JavaScript

Các kiểu dữ liệu JavaScript

Các biến JavaScript có thể chứa các số như 100 và các giá trị văn bản như "John Doe"

Trong lập trình, giá trị văn bản được gọi là chuỗi văn bản

JavaScript có thể xử lý nhiều loại dữ liệu, nhưng hiện tại, hãy chỉ nghĩ đến các số và chuỗi

Các chuỗi được viết bên trong dấu ngoặc kép hoặc dấu nháy đơn. Số được viết mà không có dấu ngoặc kép

Nếu bạn đặt một số trong dấu ngoặc kép, nó sẽ được coi là một chuỗi văn bản

Ví dụ

const pi = 3. 14;
let person = "John Doe";
let answer = 'Có, tôi là. ';

Tự mình thử »

Khai báo một biến JavaScript

Tạo một biến trong JavaScript được gọi là "khai báo" một biến

Bạn khai báo một biến JavaScript với từ khóa var hoặc

module.exports = "Hello World";

9

Sau khi khai báo, biến không có giá trị [về mặt kỹ thuật là

module.exports = "Hello World";

25]

Để gán giá trị cho biến, hãy sử dụng dấu bằng

Bạn cũng có thể gán giá trị cho biến khi khai báo

Trong ví dụ bên dưới, chúng ta tạo một biến tên là

module.exports = "Hello World";

26 và gán giá trị "Volvo" cho nó

Sau đó, chúng tôi "xuất" giá trị bên trong một đoạn HTML với id="demo"

Ví dụ

Tự mình thử »

Ghi chú

Đó là một cách lập trình tốt để khai báo tất cả các biến ở đầu tập lệnh

Một tuyên bố, nhiều biến

Bạn có thể khai báo nhiều biến trong một câu lệnh

Bắt đầu câu lệnh với

module.exports = "Hello World";

9 và phân tách các biến bằng dấu phẩy

Một khai báo có thể trải rộng trên nhiều dòng

Giá trị = không xác định

Trong các chương trình máy tính, các biến thường được khai báo không có giá trị. Giá trị có thể là thứ phải được tính toán hoặc thứ gì đó sẽ được cung cấp sau này, chẳng hạn như đầu vào của người dùng

Một biến được khai báo không có giá trị sẽ có giá trị

module.exports = "Hello World";

25

Biến carName sẽ có giá trị

module.exports = "Hello World";

25 sau khi thực hiện câu lệnh này

Khai báo lại các biến JavaScript

Nếu bạn khai báo lại một biến JavaScript được khai báo bằng var, nó sẽ không bị mất giá trị

Biến

module.exports = "Hello World";

26 sẽ vẫn có giá trị "Volvo" sau khi thực hiện các câu lệnh này

Ghi chú

Bạn không thể khai báo lại một biến đã khai báo bằng

module.exports = "Hello World";

9 hoặc

const script = require["./script.js"];
console.log[script];

5

Điều này sẽ không làm việc

let carName = "Volvo";
let carName;

Số học JavaScript

Cũng như đại số, bạn có thể thực hiện phép tính số học với các biến JavaScript, sử dụng các toán tử như

module.exports = "Hello World";

21 và

module.exports = "Hello World";

35

Bạn cũng có thể thêm các chuỗi, nhưng các chuỗi sẽ được nối với nhau

Cũng thử cái này

Ghi chú

Nếu bạn đặt một số trong dấu ngoặc kép, các số còn lại sẽ được coi là chuỗi và được nối

Bây giờ hãy thử điều này

Ký hiệu đô la JavaScript $

Vì JavaScript coi ký hiệu đô la là một chữ cái, nên các mã định danh có chứa $ là các tên biến hợp lệ

Việc sử dụng ký hiệu đô la không phổ biến lắm trong JavaScript, nhưng các lập trình viên chuyên nghiệp thường sử dụng nó làm bí danh cho hàm chính trong thư viện JavaScript

Ví dụ, trong thư viện JavaScript jQuery, chức năng chính

module.exports = "Hello World";

36 được sử dụng để chọn các phần tử HTML. Trong jQuery,

module.exports = "Hello World";

37 có nghĩa là "chọn tất cả các phần tử p"

Dấu gạch dưới JavaScript [_]

Vì JavaScript coi dấu gạch dưới là một chữ cái nên các mã định danh có chứa _ là các tên biến hợp lệ

Việc sử dụng dấu gạch dưới không phổ biến lắm trong JavaScript, nhưng một quy ước giữa các lập trình viên chuyên nghiệp là sử dụng nó làm bí danh cho các biến "riêng tư [ẩn]"

Làm cách nào để sử dụng các biến trong HTML?

Làm cách nào để lấy một biến từ tệp js khác?