JavaScript 学习笔记(入门篇)

基础概念

1. 了解 JavaScript

JavaScript是一门多范式、解释型的脚本语言。主要用于前端Web开发，实现交互式的用户界面，也可以用于后端开发（Node.js）。

2. 语言特性

• 动态脚本语言： 运行时可以改变变量类型和对象结构。

• 弱类型语言： 不需要显式声明变量的数据类型。

• 基于原型的语言： 使用原型链实现继承。

• 多范式语言： 支持面向对象、命令式和函数式编程。

基本语法

1. 变量和数据类型

let x = 5; // 定义变量

let str = "Hello, World!"; // 字符串
let num = 42; // 数字
let bool = true; // 布尔值
let arr = [1, 2, 3]; // 数组
let obj = { key: 'value' }; // 对象

2. 控制流程

2.1 条件语句

if (condition) {
  // 符合条件时执行
} else {
  // 不符合条件时执行
}

2.2 循环语句

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

while (condition) {
  // 循环体
}

3. 函数

function greet(name) {
  return "Hello, " + name + "!";
}

let greeting = greet("John");
console.log(greeting);

深入学习

1. 对象和面向对象编程

let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello!");
  }
};

console.log(person.name);
person.greet();

2. 异步编程

2.1 回调函数

function fetchData(callback) {
  setTimeout(function() {
    let data = "Async data";
    callback(data);
  }, 1000);
}

fetchData(function(result) {
  console.log(result);
});

2.2 Promise

function fetchData() {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      let success = true;
      if (success) {
        resolve("Async data");
      } else {
        reject("Error fetching data");
      }
    }, 1000);
  });
}

fetchData()
  .then(function(result) {
    console.log(result);
  })
  .catch(function(error) {
    console.error(error);
  });