正文

解锁JavaScript编程奥秘：精选基础练习题挑战你的编程技能

/0 浏览量
0325

JavaScript作为一种广泛使用的编程语言，已经成为了前端开发中的核心技术。掌握JavaScript不仅能够帮助你开发出更加动态和交互式的网页，还能让你在技术领域有更多的可能性。本文将为你提供一系列精选的基础练习题，旨在挑战并提升你的JavaScript编程技能。

一、JavaScript基础语法

1. 变量和数据类型

练习题：请创建一个变量，存储你的名字，并打印出来。

let name = "John Doe";
console.log(name);

2. 运算符

练习题：编写一个函数，计算两个数字的和、差、积、商。

function calculate(num1, num2) {
  return {
    sum: num1 + num2,
    difference: num1 - num2,
    product: num1 * num2,
    quotient: num1 / num2
  };
}

console.log(calculate(10, 5));

3. 控制语句

练习题：使用if语句判断一个数字是否为偶数。

let number = 7;

if (number % 2 === 0) {
  console.log(number + " 是偶数");
} else {
  console.log(number + " 是奇数");
}

二、函数与对象

1. 函数定义与调用

练习题：定义一个函数，用于计算年龄，并调用该函数。

function calculateAge(birthYear) {
  return 2023 - birthYear;
}

console.log("你的年龄是：" + calculateAge(1990));

2. 对象创建与访问

练习题：创建一个用户对象，包含名字、年龄和邮箱，并打印出邮箱。

let user = {
  name: "Alice",
  age: 25,
  email: "alice@example.com"
};

console.log(user.email);

三、数组与循环

1. 数组创建与访问

练习题：创建一个数组，存储你的朋友名字，并打印出所有朋友的名字。

let friends = ["Alice", "Bob", "Charlie"];
friends.forEach(friend => {
  console.log(friend);
});

2. 循环结构

练习题：使用for循环打印出1到10的数字。

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

四、事件处理

1. 事件监听

练习题：给一个按钮添加点击事件监听器，当点击按钮时，在控制台打印出“按钮被点击了”。

let button = document.getElementById("myButton");

button.addEventListener("click", function() {
  console.log("按钮被点击了");
});

2. 事件冒泡

练习题：模拟一个事件冒泡的例子，点击最外层的容器时，在控制台打印出“容器被点击了”。

let container = document.getElementById("container");

container.addEventListener("click", function() {
  console.log("容器被点击了");
});

let child = document.getElementById("child");
child.addEventListener("click", function() {
  console.log("子元素被点击了");
});

五、总结

通过以上练习题，你可以巩固JavaScript的基础知识，提升你的编程技能。记住，编程是一个不断学习和实践的过程，不断挑战自己，你将能够解锁更多的编程奥秘。

-- 展开阅读全文 --