Rumah  >  Artikel  >  hujung hadapan web  >  Day Deep Menyelam ke dalam Jenis Data JavaScript, Mod Ketat dan Operasi Asas

Day Deep Menyelam ke dalam Jenis Data JavaScript, Mod Ketat dan Operasi Asas

王林
王林asal
2024-09-01 21:06:01575semak imbas

Day Deep Dive into JavaScript Data Types, Strict Mode, and Basic Operations

Selamat datang kembali ke siri tutorial JavaScript kami! Dalam siaran hari ini, kami akan meneroka beberapa konsep asas dalam JavaScript: jenis data, mod ketat dan operasi asas. Ini adalah bahan binaan bagi mana-mana program JavaScript, jadi memahaminya dengan baik akan menyediakan anda untuk berjaya sambil anda menyelam lebih dalam ke dalam pengekodan.

Memahami Jenis Data dalam JavaScript

JavaScript ialah bahasa yang ditaip secara dinamik, yang bermaksud anda tidak perlu menentukan jenis data yang dipegang oleh pembolehubah. Jenis ditentukan secara automatik berdasarkan nilai yang diberikan. Mari kita lihat dengan lebih dekat beberapa jenis data utama dalam JavaScript.

jenis Operator

Jenis operator digunakan untuk menentukan jenis pembolehubah. Berikut ialah contoh ringkas:

console.log(typeof undefined); // Outputs: "undefined"
console.log(typeof null);      // Outputs: "object"
  • tidak ditentukan: Apabila pembolehubah diisytiharkan tetapi tidak diberikan nilai, jenisnya tidak ditentukan.
  • null: Mewakili ketiadaan sengaja sebarang nilai objek. Menariknya, typeof null mengembalikan objek. Ini adalah kebiasaan yang diketahui dalam JavaScript, dan walaupun ia mungkin kelihatan mengelirukan, ia adalah sesuatu yang anda akan terbiasa.

Jenis Data Utama

  1. Nombor: Mewakili kedua-dua integer dan nombor titik terapung.

    • Contoh: biarkan nombor = 42;
    • JavaScript boleh mengendalikan nombor sehingga 2^53, selain itu anda akan menggunakan BigInt.
  2. BigInt: Digunakan untuk integer besar yang melebihi julat integer selamat untuk Nombor.

    • Contoh: biarkan bigNum = 9007199254740991n;
  3. Rentetan: Urutan aksara, digunakan untuk teks.

    • Contoh: biarkan salam = "Hello, World!";
  4. Boolean: Mewakili nilai logik: benar atau salah.

    • Contoh: let isJavaScriptFun = true;
  5. Nol: Kata kunci khas yang menandakan nilai nol, iaitu, tiada nilai sama sekali.

    • Contoh: biarkan emptyValue = null;
  6. Tidak ditentukan: Menunjukkan bahawa pembolehubah telah diisytiharkan tetapi tidak diberikan nilai.

    • Contoh: biarkan sesuatu;
  7. Simbol: Mewakili pengecam unik. Simbol sering digunakan sebagai kunci dalam objek untuk mengelakkan perlanggaran nama.

    • Contoh: let uniqueId = Symbol("id");

Menguatkuasakan JavaScript Moden dengan "gunakan ketat"

Untuk memastikan kod anda mematuhi piawaian JavaScript terkini dan mengelakkan perangkap biasa, anda boleh menggunakan "guna ketat" pada permulaan skrip atau fungsi anda.

"use strict";
// All code below will be treated as newer version of JavaScript

Mod ketat membantu menangkap kesilapan pengekodan biasa, seperti menggunakan pembolehubah tidak diisytiharkan dan menjadikan kod anda lebih selamat dan dioptimumkan.

Menjalankan Operasi Asas dalam JavaScript

JavaScript menyokong pelbagai operasi, daripada aritmetik asas kepada penggabungan rentetan. Mari lihat beberapa contoh:

Operasi Aritmetik

let value = 3;
let negValue = -value;
console.log(negValue); // Outputs: -3

console.log(2 + 2); // Addition: 4
console.log(2 - 2); // Subtraction: 0
console.log(2 * 2); // Multiplication: 4
console.log(2 ** 3); // Exponentiation: 8
console.log(2 / 3); // Division: 0.666...
console.log(2 % 3); // Modulus: 2 (remainder)

Operasi Rentetan

let str1 = "hello";
let str2 = " hitesh";

let str3 = str1 + str2;
console.log(str3); // Outputs: "hello hitesh"

console.log("1" + 2); // Outputs: "12" (String concatenation)
console.log(1 + "2"); // Outputs: "12" (String concatenation)
console.log("1" + 2 + 2); // Outputs: "122"
console.log(1 + 2 + "2"); // Outputs: "32"

Tertib operasi penting! Apabila JavaScript menemui rentetan dalam operasi aritmetik, ia menukar operan lain kepada rentetan dan menggabungkannya.

Operasi Gabungan

console.log((3 + 4) * 5 % 3); // Outputs: 2

Di sini, kurungan menentukan susunan operasi, memastikan penambahan berlaku sebelum pendaraban dan modulus.

Operator Unary

Pengendali unary berfungsi dengan satu operan. Berikut ialah beberapa contoh:

console.log(+true); // Outputs: 1 (Boolean `true` is converted to 1)
console.log(+""); // Outputs: 0 (An empty string is converted to 0)

Rantaian Tugasan Pembolehubah

Anda boleh merangkaikan tugasan dalam JavaScript:

let num1, num2, num3;
num1 = num2 = num3 = 2 + 2;
console.log(num1, num2, num3); // All will output: 4

Operator Kenaikan

JavaScript juga menyokong pengendali kenaikan (dan pengurangan):

let gameCounter = 100;
++gameCounter;
console.log(gameCounter); // Outputs: 101

Awalan lwn. Penambahan Postfix

JavaScript membezakan antara kenaikan awalan (++gameCounter) dan postfix (gameCounter++):

  • Awalan: Menaikkan nilai sebelum menggunakannya.
  • Pembetulan Pasca: Gunakan nilai dahulu, kemudian naikkannya.

Untuk bacaan yang lebih mendalam tentang penukaran dan operasi jenis, lihat dokumentasi ECMAScript.

Hari ini, kami membincangkan beberapa konsep JavaScript yang penting, daripada memahami pelbagai jenis data dan mod ketat kepada melaksanakan operasi asas. Ini adalah konsep asas yang akan anda bina semasa anda maju dalam JavaScript. Pastikan anda mempraktikkan contoh ini dan bereksperimen dengan operasi yang berbeza untuk mendapatkan pemahaman yang lebih baik.

Nantikan lebih banyak tutorial dalam siri ini sambil kami terus meneroka dunia JavaScript yang menarik!

-
Selamat mengekod dan jumpa lagi di lain masa!!

Atas ialah kandungan terperinci Day Deep Menyelam ke dalam Jenis Data JavaScript, Mod Ketat dan Operasi Asas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Js | Benar & Palsu |Artikel seterusnya:Js | Benar & Palsu |