JavaScript 是一种轻量级的编程语言,它最初被设计用于在网页浏览器中运行,以实现页面上的动态效果和交互功能。随着 Node.js 的出现,JavaScript 也被广泛用于服务器端编程。现在,JavaScript 已经成为了一种全栈开发语言,可以在浏览器、服务器、移动应用等多个平台上运行。
基本语法
变量和数据类型
- 声明变量:
JavaScript 使用 var
、let
、const
来声明变量。let
和 const
是 ES6 引入的新关键字,它们提供了块级作用域(Block Scope)。
var name = 'John Doe';
let age = 30;
const isMale = true;
- 数据类型:
JavaScript 的基本数据类型包括 Undefined
、Null
、Boolean
、Number
、String
、Symbol
(ES6 新增)、BigInt
(ES2020 新增)和 Object。
let name = 'John'; // String
let age = 25; // Number
let isStudent = false; // Boolean
let x = undefined; // Undefined
let y = null; // Null
操作符
JavaScript 支持算术操作符(+, -, *, /, %
等)、比较操作符(==, ===, !=, !==, >, <, >=, <=
等)和逻辑操作符(&&, ||, !
)等。
控制结构
- 条件语句:
if (condition) {
// code to be executed if condition is true
} else {
// code to be executed if condition is false
}
- 循环:
for (initialization; condition; increment) {
// code to be executed
}
while (condition) {
// code to be executed
}
函数
函数是 JavaScript 的基本组成部分,用于封装可重用的代码块。
function greet(name) {
console.log('Hello, ' + name);
}
greet('John');
数组
数组是用于存储多个值的高级数据类型。
let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits[0]); // Access the first item, Apple
对象
对象是 JavaScript 中的另一种高级数据类型,用于存储键值对。
let person = {
name: 'John',
age: 30,
isMale: true
};
console.log(person.name); // Access property, John
ES6+ 新特性
ES6(ECMAScript 2015)及后续版本引入了许多新特性,包括但不限于:
- 箭头函数(Arrow Functions):
const greet = name => console.log('Hello, ' + name);
- 模板字符串(Template Literals):
let greeting = `Hello, ${name}`;
- 解构赋值(Destructuring Assignment):
let {name, age} = person;
- Promise 和异步编程(Async/Await):
async function fetchData() {
let data = await fetch('url');
let response = await data.json();
console.log(response);
}
JavaScript 是一门非常灵活和强大的语言,本文介绍的只是它语法的一小部分。要深入了解 JavaScript,推荐阅读更多相关资料和实践编程项目。