需要牢记的JavaScript基础知识

下面是需要牢记的JavaScript基础知识的完整攻略：

JavaScript基础知识

数据类型

JavaScript有7种基础数据类型：

• 布尔值（Boolean）
• 数字（Number）
• 字符串（String）
• null
• undefined
• Symbol
• 对象（Object）

其中，null和undefined是特殊的数据类型，常用于表示空值和未定义值。

示例

// 布尔值
let bool = true;

// 数字
let num = 123;

// 字符串
let str = "hello world";

// null
let x = null;
console.log(x); // null

// undefined
let y;
console.log(y); // undefined

// Symbol
let symbol = Symbol("foo");

// 对象
let obj = { name: "John", age: 18 };

变量

在JavaScript中声明变量使用let、var或const关键字。其中：

• let和var声明的变量可以被重新赋值
• const声明的变量不可被重新赋值，且声明时必须赋初始值

示例

let x = 10;
var y = 5;
const z = 3.14;

x = 20;
y = 8;

// const变量不可被重新赋值，以下代码会报错
// z = 2.71;

运算符

JavaScript支持常见的算术运算符、比较运算符、逻辑运算符等。

示例

let a = 5;
let b = 2;

// 算术运算符
console.log(a + b); // 7
console.log(a - b); // 3
console.log(a * b); // 10
console.log(a / b); // 2.5

// 比较运算符
console.log(a < b); // false
console.log(a > b); // true
console.log(a === b); // false
console.log(a !== b); // true

// 逻辑运算符
console.log((a > 0) && (b > 0)); // true
console.log((a > 0) || (b > 0)); // true
console.log(!(a > 0)); // false

条件语句

JavaScript使用if、else if和else关键字来实现条件分支。还可以使用三元运算符和switch语句。

示例

let score = 90;

// if...else语句
if (score >= 90) {
  console.log("优秀");
} else if (score >= 80) {
  console.log("良好");
} else if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

// 三元运算符
let grade = score >= 60 ? "及格" : "不及格";
console.log(grade);

// switch语句
switch (grade) {
  case "优秀":
    console.log("A");
    break;
  case "良好":
    console.log("B");
    break;
  case "及格":
    console.log("C");
    break;
  default:
    console.log("D");
}

循环语句

JavaScript使用for、while和do while关键字来实现循环结构。

示例

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

// while循环
let n = 0;
while (n < 5) {
  console.log(n);
  n++;
}

// do while循环
let m = 0;
do {
  console.log(m);
  m++;
} while (m < 5);

函数

JavaScript中的函数可以带有参数和返回值，并且可以在任何地方调用。

示例

// 带有参数和返回值的函数
function add(x, y) {
  return x + y;
}

console.log(add(1, 2)); // 3

// 可以将函数赋值给一个变量
let square = function(x) {
  return x * x;
};

console.log(square(3)); // 9

数组

数组是一组有序的数据集合，可以通过索引来访问和操作其中的元素。

示例

let fruits = ["apple", "banana", "orange"];

console.log(fruits[0]); // "apple"

// push方法向数组末尾添加元素
fruits.push("pear");

console.log(fruits); // ["apple", "banana", "orange", "pear"]

对象

对象是一组无序的数据集合，由属性和方法组成。可以通过.或[]来访问和操作其中的属性和方法。

示例

let person = {
  name: "John",
  age: 18,
  sayHello: function() {
    console.log("Hello " + this.name);
  }
};

console.log(person.name); // "John"

person.sayHello(); // "Hello John"

DOM操作

在JavaScript中，可以通过Document Object Model（DOM）来操作页面的元素和内容。

示例

<!-- HTML代码 -->
<div id="myDiv">Hello World!</div>

// 通过ID获取元素
let myDiv = document.getElementById("myDiv");

// 设置元素内容
myDiv.innerHTML = "Hello JavaScript!";

事件处理

JavaScript可以响应页面上的事件，例如点击按钮、提交表单等。

示例

<!-- HTML代码 -->
<button id="myButton">Click me!</button>

// 监听点击事件
let myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
  alert("Hello World!");
});

JavaScript运行环境

JavaScript的运行环境包括浏览器和Node.js。在浏览器中，可以通过浏览器控制台来调试JavaScript代码，在Node.js中，可以直接在命令行中运行JavaScript代码。

以上就是需要牢记的JavaScript基础知识的完整攻略，希望能帮助到您。