正文

掌握基础，轻松应对！JavaScript编程练习题大汇总，从入门到精通

/0 浏览量
1029

一、JavaScript基础语法

1. 变量声明

题目：请使用var、let和const声明以下变量，并解释它们的区别。

var a = 1;
let b = 2;
const c = 3;

解析：

  • var：函数作用域或全局作用域，可重新赋值。
  • let：块级作用域，可重新赋值。
  • const：块级作用域，不可重新赋值。

2. 数据类型

题目：判断以下哪个是JavaScript中的布尔类型？

let a = 0;
let b = 'hello';
let c = null;
let d = [];

解析：答案是 c，因为null在JavaScript中属于布尔类型。

3. 运算符

题目：计算以下表达式的结果。

let a = 5 + 3 * 2;
let b = 10 % 3;

解析：a的结果是11，b的结果是1。

二、JavaScript对象和方法

1. 创建对象

题目：使用构造函数和对象字面量创建一个名为Person的对象，并包含姓名和年龄属性。

function Person(name, age) {
  this.name = name;
  this.age = age;
}

let person = new Person('Tom', 20);

解析：通过构造函数创建对象时，需要使用new关键字。

2. 访问对象属性

题目：访问以下Person对象的name属性。

let person = new Person('Tom', 20);

解析：person.name。

3. 对象方法

题目：为Person对象添加一个sayHello方法，并调用该方法。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  };
}

let person = new Person('Tom', 20);
person.sayHello();

解析：person.sayHello()会输出Hello, my name is Tom and I am 20 years old.。

三、JavaScript数组

1. 创建数组

题目：使用字面量和Array构造函数创建两个数组。

let array1 = [1, 2, 3];
let array2 = new Array(1, 2, 3);

解析：两种方式都可以创建数组。

2. 数组遍历

题目：遍历以下数组，并打印每个元素。

let array = [1, 2, 3, 4, 5];

解析：可以使用for循环、forEach方法或for...of循环遍历数组。

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

array.forEach((item) => {
  console.log(item);
});

for (let item of array) {
  console.log(item);
}

3. 数组操作

题目：将以下数组的第一个元素替换为10。

let array = [1, 2, 3, 4, 5];

解析：使用array[0] = 10;即可。

四、JavaScript函数

1. 函数定义

题目：使用函数声明和函数表达式定义一个名为sum的函数，该函数接收两个参数并返回它们的和。

function sum(a, b) {
  return a + b;
}

let result = sum(2, 3);
console.log(result); // 输出5

解析：通过函数声明和函数表达式都可以定义函数。

2. 函数参数

题目：定义一个函数，该函数接受任意数量的参数并返回它们的和。

function sum(...args) {
  let result = 0;
  for (let i = 0; i < args.length; i++) {
    result += args[i];
  }
  return result;
}

let result = sum(1, 2, 3, 4, 5);
console.log(result); // 输出15

解析：使用剩余参数（rest parameters）...args可以接收任意数量的参数。

3. 函数调用

题目：调用以下函数，并打印返回值。

function multiply(a, b) {
  return a * b;
}

let result = multiply(2, 3);
console.log(result); // 输出6

解析：通过函数名后跟括号来调用函数。

五、JavaScript高级特性

1. 闭包

题目：定义一个名为counter的函数，该函数返回一个内部函数，每次调用内部函数时都会增加计数。

function counter() {
  let count = 0;
  return function() {
    count++;
    console.log(count);
  };
}

let c = counter();
c(); // 输出1
c(); // 输出2
c(); // 输出3

解析：闭包可以访问其定义时的作用域中的变量。

2. 高阶函数

题目：定义一个名为add的函数，该函数接受两个参数和一个回调函数，并在回调函数中执行操作。

function add(a, b, callback) {
  let result = a + b;
  callback(result);
}

add(2, 3, (res) => {
  console.log(res); // 输出5
});

解析：高阶函数可以接受函数作为参数或返回函数。

3. Promise

题目：使用Promise实现一个异步加法函数。

function addAsync(a, b) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(a + b);
    }, 1000);
  });
}

addAsync(2, 3).then((result) => {
  console.log(result); // 输出5
});

解析：Promise用于处理异步操作，并提供链式调用。

六、总结

通过以上练习题，你可以从入门到精通掌握JavaScript编程。在学习过程中，不断实践和总结，相信你会在JavaScript的道路上越走越远。祝你学习愉快！

-- 展开阅读全文 --