جاوا اسکریپت ضروری قبل از فرو رفتن در React

متغیرها:
نحوه اعلان و تخصیص مقادیر به متغیرها را بدانید. آنها به شما اجازه می دهند داده ها را در جاوا اسکریپت ذخیره و دستکاری کنید.
// Declaration and assignment
let age = 25;
// Number variables
let num1 = 10;
let num2 = 5;
// String variables
let name = "John Doe";
let message = "Hello, world!";
// Boolean variables
let isLogged = true;
let hasPermission = false;
// Array variables
let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];
// Object variables
let person = {
name: "John Doe",
age: 25,
city: "New York"
};
// Null and undefined variables
let x = null;
let y = undefined;
// Reassigning variables
let count = 0;
count = count + 1;
// Outputting variables
console.log(age);
console.log(name);
console.log(isLogged);
console.log(numbers);
console.log(person);
انواع داده ها:
در مورد انواع داده های مختلف مانند رشته ها، اعداد، بولی ها، آرایه ها و اشیاء بیاموزید. آنها به شما کمک می کنند تا با انواع مختلف اطلاعات در کد خود کار کنید.
// String
let message = "Hello, world!";
// Number
let age = 25;
// Boolean
let isLogged = true;
// Array
let fruits = ["apple", "banana", "orange"];
// Object
let person = {
name: "John Doe",
age: 25,
city: "New York"
};
// Outputting data types
console.log(typeof message); // Output: string
console.log(typeof age); // Output: number
console.log(typeof isLogged); // Output: boolean
console.log(typeof fruits); // Output: object
console.log(typeof person); // Output: object
کارکرد:
مفهوم توابع را بررسی کنید، که بلوکهای کد قابل استفاده مجدد هستند که وظایف خاصی را انجام میدهند. نحوه تعریف و فراخوانی توابع برای سازماندهی و استفاده مجدد از کد خود را بیاموزید.
// Function declaration
function greet(name) {
console.log(`Hello, ${name}!`);
}
// Function call
greet("John"); // Output: Hello, John!
// Function with return value
function multiply(a, b) {
return a * b;
}
let result = multiply(5, 3);
console.log(result); // Output: 15
شرایط:
با عبارات شرطی مانند if/else و switch آشنا شوید. آنها کد شما را قادر می سازند تا بر اساس شرایط خاص تصمیم گیری کند و بلوک های مختلف کد را اجرا کند.
let temperature = 25;
if (temperature >= 30) {
console.log("It's hot outside!");
} else if (temperature >= 20) {
console.log("It's warm outside.");
} else {
console.log("It's cool outside.");
}
حلقه ها:
به حلقههایی مانند for و while شیرجه بزنید. آنها به شما اجازه می دهند یک بلوک کد را چندین بار تکرار کنید، که برای کارهایی که نیاز به تکرار روی آرایه ها یا انجام عملیات های تکراری دارند، مفید است.
// For Loop
for (let i = 1; i <= 5; i++) {
console.log("Iteration", i);
}
// While Loop
let count = 0;
while (count < 5) {
console.log("Count:", count);
count++;
}
اشیاء:
نحوه کار با اشیا را که مجموعهای از جفتهای کلید-مقدار هستند، بدانید. اشیاء به طور گسترده در جاوا اسکریپت استفاده می شوند و برای سازماندهی و دستکاری ساختارهای داده پیچیده ضروری هستند.
// Object
const person = {
name: "John Doe",
age: 25,
profession: "Developer"
};
// Accessing object properties
console.log(person.name); // Output: John Doe
console.log(person.age); // Output: 25
console.log(person.profession); // Output: Developer
// Modifying object properties
person.age = 26;
console.log(person.age); // Output: 26
// Adding new property
person.location = "New York";
console.log(person.location); // Output: New York
// Deleting property
delete person.profession;
console.log(person.profession); // Output: undefined
با درک این مفاهیم ضروری جاوا اسکریپت، قبل از پرداختن به React، پایه ای قوی خواهید ساخت. به یاد داشته باشید، تمرین کلیدی است! به کدنویسی، آزمایش و کاوش ادامه دهید تا مهارت های خود را افزایش دهید. کد نویسی مبارک! 💻