JavaScript dalam inute

pengenalan

JavaScript ialah bahasa pengaturcaraan peringkat tinggi serba boleh yang biasa digunakan dalam pembangunan web untuk mencipta pengalaman pengguna yang dinamik dan interaktif. Ia boleh digunakan untuk pembangunan bahagian hadapan dan belakang, menjadikannya alat penting untuk pembangun web moden.

Menyediakan

1. Konsol Penyemak Imbas: Buka penyemak imbas web anda dan akses konsol (biasanya terdapat dalam Alat Pembangun).
2. Editor Teks: Gunakan mana-mana editor teks seperti VSCode, Teks Sublime atau Notepad.

Asas

Pembolehubah

Pembolehubah digunakan untuk menyimpan data. Anda boleh mengisytiharkan pembolehubah menggunakan let, const atau var.

let name = "John";
const age = 30;
var isStudent = true;

Jenis Data

JavaScript menyokong pelbagai jenis data, termasuk:

• String: "Hello"
• Nombor: 42
• Boolean: benar atau palsu
• Susun: [1, 2, 3]
• Objek: { kunci: "nilai" }
• Tidak ditentukan: tidak ditentukan
• Batal: batal

Fungsi

Fungsi ialah blok kod yang direka untuk melaksanakan tugas tertentu.

function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!

Struktur Kawalan

Kenyataan Bersyarat

Digunakan untuk melakukan tindakan berbeza berdasarkan keadaan berbeza.

let time = 20;
if (time < 12) {
  console.log("Good morning");
} else if (time < 18) {
  console.log("Good afternoon");
} else {
  console.log("Good evening");
}

gelung

Digunakan untuk mengulang blok kod beberapa kali.

for (let i = 0; i < 5; i++) {
  console.log(i); // Output: 0 1 2 3 4
}

Peristiwa

JavaScript boleh bertindak balas kepada acara, seperti klik atau input papan kekunci.

<button onclick="sayHello()">Click me</button>
<script>
  function sayHello() {
    alert("Hello!");
  }
</script>

Manipulasi DOM

JavaScript boleh berinteraksi dengan elemen HTML untuk menukar kandungan, gaya dan atribut.

<p id="demo">This is a paragraph.</p>
<button onclick="changeText()">Change Text</button>
<script>
  function changeText() {
    document.getElementById("demo").innerHTML = "Text changed!";
  }
</script>

Tatasusunan dan Objek

Tatasusunan dan objek digunakan untuk menyimpan koleksi data.

Tatasusunan

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple

Objek

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // Output: John

Ciri ES6

JavaScript Moden (ES6 dan lebih baru) memperkenalkan beberapa ciri baharu:

Fungsi Anak Panah

const add = (a, b) => a + b;
console.log(add(2, 3)); // Output: 5

Templat Literal

let name = "John";
console.log(`Hello, ${name}!`); // Output: Hello, John!

Memusnahkan

let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;
console.log(firstName); // Output: John

Kesimpulan

Ini hanyalah pengenalan ringkas kepada JavaScript. Banyak lagi untuk diterokai, termasuk topik lanjutan seperti pengaturcaraan tak segerak dan API ......

Saya teruja untuk berkongsi lebih banyak catatan blog seperti ini. cuma ikut dan beri reaksi

Atas ialah kandungan terperinci JavaScript dalam inute. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!