JavaScript基础知识点总结：从零开始学习JavaScript（六）

?

本章内容主要让小伙伴们自主练习 ，建议大家先自己写出来答案，然后对照我的！（题不难主要培养自己的编程思维！！！）

如果大家感感兴趣也可以去看：

🎉博客主页：阿猫的故乡

🎉系列专栏：JavaScript专题栏

🎉ajax专栏：ajax知识点

🎉欢迎关注：👍点赞🙌收藏??留言

学习目标：

• 笔试题→锻炼基本语法的掌握

• 排错题→锻炼编码过程中常见错误的解决

• 编程题→基于课堂练习和每日作业的常见编程思维的训练

---

学习内容：

笔试题：

1. 什么是JavaScript？

2. JavaScript的历史和发展简介。

3. JavaScript中的变量声明有哪些关键字？它们之间有什么区别？

4. JavaScript中如何创建函数？

5. JavaScript中的条件语句有哪些？请举例说明。

6. JavaScript中的循环语句有哪些？请举例说明。

7. JavaScript中如何处理异常？请举例说明。

8. JavaScript中的数组是如何定义和使用的？请给出一个数组的操作示例。

9. 如何在JavaScript中定义和访问对象的属性？请给出一个对象的操作示例。

10. JavaScript中的DOM是什么？如何使用JavaScript操作DOM元素？请举例说明。

?排错题：

?

当然，下面是5道JavaScript代码的常见错误题目：

1. 请找出以下代码中的错误并改正：

let x = 5;
if (x == 5) {
  console.log("x is equal to five!");
} else {
  console.log("x is not equal to five!");
}

1. 请找出以下代码中的错误并改正：

function multiply(a, b) {
  return a * b;
}
let result = multiply(2, 3);
console.log(result);

1. 请找出以下代码中的错误并改正：

let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i <= numbers.length; i++) {
  console.log(numbers[i]);
}

1. 请找出以下代码中的错误并改正：

let person = {
  name: "John",
  age: 25,
  occupation: "developer"
};
console.log(person.name);
console.log(person.occupation);

1. 请找出以下代码中的错误并改正：

let x = 10;
let y = "5";
let sum = x + y;
console.log(sum);

希望这些题目能够帮助你加深对JavaScript的理解，如果你需要更多的题目，请随时告诉我。

?编程题：

1. 编写一个JavaScript程序，输出所有小于100的偶数。

2. 编写一个JavaScript程序，计算并输出1到10的平方数。

3. 编写一个JavaScript函数，接收一个数字参数n，然后输出1到n之间所有的奇数。

4. 编写一个JavaScript函数，接收一个字符串参数，然后判断该字符串是否是回文（正向和反向读取都一样）。

5. 编写一个JavaScript函数，接收一个数组参数，然后返回该数组中的最大值和最小值。

6. 编写一个JavaScript程序，接收一个数字参数n，然后输出n的阶乘。

7. 编写一个JavaScript程序，接收一个字符串参数，然后输出该字符串的长度。

8. 编写一个JavaScript函数，接收一个数组参数，然后返回该数组中所有元素的总和。

9. 编写一个JavaScript函数，接收两个数字参数，然后返回它们的乘积。

10. 编写一个JavaScript函数，接收两个数组参数，然后返回它们的交集。

---

学习时间：

• 周一至周五晚上 7 点—晚上9点
• 周六上午 9 点-上午 11 点
• 周日下午 3 点-下午 6 点

---

学习产出：

笔试题答案：

?

1. JavaScript是一种脚本语言，用于为网页添加交互性和动态性。它可以在网页中嵌入HTML代码，并通过浏览器解释和执行。

2. JavaScript的历史和发展简介:

   • 1995年，由Netscape公司的Brendan Eich开发出原始的JavaScript（当时称为LiveScript）。
   • 1996年，为了标准化，JavaScript被提交给ECMA（欧洲计算机制造商协会）进行标准化工作，最终成为ECMAScript标准。
   • 1997年，发布了第一个ECMAScript标准的版本（ECMAScript 1），随后陆续有更多的版本发布，如ES2、ES3、ES5等。
   • 2009年，出现了ECMAScript 5.1版本，带来了许多新的特性和改进。
   • 2015年，发布了ECMAScript 6（也称为ES6或ES2015）标准，引入了许多重要的语言特性和改进。

3. JavaScript中的变量声明关键字有三个：var、let和const。

   • var：用于声明一个变量，其作用域为函数级别。
   • let：用于声明一个块级作用域的变量，其作用范围只在当前代码块内。
   • const：用于声明一个常量，其值无法被重新赋值。

4. 在JavaScript中，可以使用function关键字来创建函数。函数可以有参数和返回值，可以执行一系列的操作和逻辑。 例如，以下是一个简单的函数定义：

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

5. JavaScript中的条件语句有if语句、if...else语句和switch语句。

   • if语句用于在满足条件时执行一段代码块。
   • if...else语句用于在满足条件时执行一段代码块，否则执行另一段代码块。
   • switch语句用于根据不同的情况执行不同的代码块。 例如，以下是一个使用if语句的示例：

   let num = 10;
   if (num > 0) {
     console.log("Number is positive");
   }
   

6. JavaScript中的循环语句有for循环、while循环和do...while循环。

   • for循环用于重复执行一段代码指定的次数。
   • while循环用于在满足条件时重复执行一段代码。
   • do...while循环与while循环类似，但它会先执行一次代码块，然后再检查条件。 例如，以下是一个使用for循环的示例：

   for (let i = 0; i < 5; i++) {
     console.log(i);
   }
   

7. JavaScript中可以使用try...catch语句来处理异常。try代码块中包含可能会引发异常的代码，catch代码块用于捕获并处理异常。 例如，以下是一个处理异常的示例：

   try {
     throw new Error("Something went wrong");
   } catch (error) {
     console.log(error.message);
   }
   

8. JavaScript中的数组可以通过使用方括号[]来定义，并且可以包含任意类型的元素。 以下是一个数组的操作示例：

   let fruits = ["apple", "banana", "orange"];
   console.log(fruits[0]); // 输出: "apple"
   fruits.push("grape");   // 添加元素到数组末尾
   fruits.pop();           // 删除数组末尾的元素
   console.log(fruits.length); // 输出: 3
   

9. 在JavaScript中，可以使用点号(.)或方括号([])来定义和访问对象的属性。 以下是一个对象的操作示例：

   let person = {
     name: "John",
     age: 25,
     "phone number": "1234567890"
   };
   console.log(person.name); // 输出: "John"
   console.log(person["age"]); // 输出: 25
   

10. DOM（Document Object Model）是指将HTML文档表示为一个树形结构的方式，JavaScript可以通过操作DOM元素来改变页面的内容、样式和行为。 可以使用document对象的方法和属性来操作DOM元素，例如getElementById()、querySelector()、createElement()等。 以下是一个使用JavaScript操作DOM元素的示例：

    // 根据id获取元素，并修改其内容
    let element = document.getElementById("myElement");
    element.innerHTML = "New content";
    
    // 创建一个新的元素，并添加到页面中
    let newElement = document.createElement("div");
    newElement.innerHTML = "New element";
    document.body.appendChild(newElement);
    

?拍错题答案：

?

答案如下：

1. 错误：在条件语句中使用的是赋值操作符"="而不是判断相等的操作符"=="。 改正：将条件语句修改为if (x === 5)。

2. 无错误。

3. 错误：循环条件中的i <= numbers.length导致数组越界。 改正：将循环条件修改为i < numbers.length。

4. 无错误。

5. 错误：将数字和字符串相加会将数字转换为字符串并进行拼接，而不是进行数值相加。 改正：将变量y的类型修改为数字类型。

let x = 10;
let y = 5;
let sum = x + y;
console.log(sum); // 输出15

编程题：

?

1. 输出所有小于100的偶数：

for(let i = 2; i < 100; i += 2) {
  console.log(i);
}

1. 计算并输出1到10的平方数：

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

1. 输出1到n之间所有的奇数：

function printOddNumbers(n) {
  for(let i = 1; i <= n; i += 2) {
    console.log(i);
  }
}

printOddNumbers(10);

1. 判断字符串是否为回文：

function isPalindrome(str) {
  let reversedStr = str.split('').reverse().join('');
  return str === reversedStr;
}

console.log(isPalindrome('level')); // true
console.log(isPalindrome('hello')); // false

1. 返回数组中的最大值和最小值：

function findMinMax(arr) {
  let min = Math.min(...arr);
  let max = Math.max(...arr);
  return { min, max };
}

console.log(findMinMax([1, 2, 3, 4, 5])); // { min: 1, max: 5 }

1. 计算n的阶乘：

function factorial(n) {
  if(n === 0 || n === 1) {
    return 1;
  }
  else {
    return n * factorial(n - 1);
  }
}

console.log(factorial(5)); // 120

1. 输出字符串的长度：

let str = 'Hello World';
console.log(str.length); // 11

1. 返回数组中所有元素的总和：

function sumArray(arr) {
  let sum = arr.reduce((acc, curr) => acc + curr, 0);
  return sum;
}

console.log(sumArray([1, 2, 3, 4, 5])); // 15

1. 返回两个数字的乘积：

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

console.log(multiplyNumbers(5, 6)); // 30

1. 返回两个数组的交集：

function intersection(arr1, arr2) {
  let result = arr1.filter(value => arr2.includes(value));
  return result;
}

console.log(intersection([1, 2, 3], [2, 3, 4])); // [2, 3]