前端入门JS语法笔记1——JS语法基础详解

本文将详细介绍JavaScript语法基础，帮助前端新手轻松入门。

JavaScript 语法简介

JavaScript 是一种基于原型的、弱类型的、动态编译的脚本语言，常用于前端开发，其语法简洁，易于上手。JavaScript 程序的执行单位为行，每一行就是一个语句，语句是为了完成某种任务而进行的操作。

变量

变量用于存储数据，在 JavaScript 中，变量的声明使用 var、let 或 const ，如：

var a = 1;
let b = 2;
const c = 3;

数据类型

JavaScript 中有六种基本数据类型：

• 数字（Number）
• 字符串（String）
• 布尔值（Boolean）
• 对象（Object）
• 函数（Function）
• 未定义（Undefined）

运算符

JavaScript 中有许多运算符，常用的有：

• 算术运算符：+、-、*、/、%
• 比较运算符：==、===、!=、!==、>、<、>=、<=
• 逻辑运算符：&&、||、!

流程控制

JavaScript 中有许多流程控制语句，常用的有：

• if 语句
• switch 语句
• for 循环
• while 循环
• do-while 循环

函数

函数是 JavaScript 中的代码块，用于完成特定任务。函数的声明使用 function 关键字，如：

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

数组

数组用于存储有序数据，在 JavaScript 中，数组的声明使用 [] 符号，如：

const arr = [1, 2, 3];

对象

对象用于存储无序数据，在 JavaScript 中，对象的声明使用 {} 符号，如：

const obj = {
  name: 'John Doe',
  age: 30
};

事件

事件是发生在 HTML 元素上的动作，JavaScript 可以监听这些事件，并做出响应。

HTML 和 DOM

HTML 是前端开发中常用的标记语言，用于构建网页的结构。DOM 是 HTML 文档的对象表示，JavaScript 可以通过 DOM 来操作 HTML 文档。

总结

本文详细介绍了 JavaScript 语法基础，包含了变量、数据类型、运算符、流程控制、函数、数组、对象、事件、HTML、DOM 等内容，适合前端新手入门学习。