JavaScript 基础

本文介绍了 JavaScript 的核心概念和基础知识。

变量声明

JavaScript 中有三种声明变量的方式：

// 1. var - 函数作用域，存在变量提升
var name = 'Alice';

// 2. let - 块级作用域，不存在变量提升
let age = 25;

// 3. const - 块级作用域，声明后不能重新赋值
const PI = 3.14159;

推荐

在现代 JavaScript 开发中，优先使用 const，其次是 let，避免使用 var。

数据类型

JavaScript 分为原始类型和引用类型：

原始类型

类型	说明	示例
String	字符串	'hello'
Number	数字	42, 3.14
Boolean	布尔值	true, false
Undefined	未定义	undefined
Null	空值	null
Symbol	唯一标识	Symbol('id')
BigInt	大整数	9007199254740991n

引用类型

• Object（对象）
• Array（数组）
• Function（函数）
• Date（日期）
• RegExp（正则）

函数

函数声明

// 函数声明
function greet(name) {
  return `Hello, ${name}!`;
}

// 函数表达式
const greet = function(name) {
  return `Hello, ${name}!`;
};

// 箭头函数
const greet = (name) => `Hello, ${name}!`;

闭包

闭包是 JavaScript 的重要特性：

function createCounter() {
  let count = 0;
  
  return function() {
    count++;
    return count;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3

异步编程

Promise

const fetchData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({ name: 'Alice', age: 25 });
    }, 1000);
  });
};

fetchData()
  .then(data => console.log(data))
  .catch(err => console.error(err));

async/await

async function getData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error:', error);
  }
}

总结

JavaScript 是一门灵活且强大的编程语言。掌握以上基础知识，将为后续学习 TypeScript 和 Vue 打下坚实基础。

---

标签: JavaScript 基础