Computer >> Máy Tính >  >> Lập trình >> Javascript

Tạo biến toàn cục trong jQuery bên ngoài hàm document.ready?

Để tạo một biến toàn cục, bạn cần đặt biến bên trong thẻ . Tiếp theo là mã -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<button
onclick="createGlobalVariable()">checkGlobalVariable</button>
<script>
   var globalVariable;
   $(document).ready(function() {
      function initializeGlobalVariable() {
         globalVariable = [{
            "name":"John",
            "age":23
         }];
      }
      initializeGlobalVariable();
   });
   function createGlobalVariable() {
      if (globalVariable.length) {
         console.log('The Global variable name
         is='+globalVariable[0].name+" The Global variable age is="+globalVariable[0].age);
      }
   }
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Tạo biến toàn cục trong jQuery bên ngoài hàm document.ready?

Khi bạn nhấp vào nút checkGlobalvariable, kết quả sau sẽ được hiển thị -

Tạo biến toàn cục trong jQuery bên ngoài hàm document.ready?