🎥博主:程序员不想YY啊
💫CSDN优质创作者,CSDN实力新星,CSDN博客专家
🤗点赞🎈收藏⭐再看💫养成习惯
✨希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共同学习、交流进步!
前言
- 前言
- 变量
- 数据类型
- 操作符
- 控制结构
- 函数
- 对象
- 数组
- ES6 新特性
前言
JavaScript
是一种高级的、解释型的编程语言。它是一门广泛用于网页交互设计的脚本语言,并也用于许多非浏览器环境,比如 Node.js。下面,我会详细介绍 JavaScript 的基本语法。
变量
在 JavaScript 中,你可以使用 var
(老旧的方式)、let
和 const
关键字来声明变量。
var
:
var name = 'Alice';
let
(引入于 ES6,即ECMAScript 2015,现在建议代替 var 使用):
let age = 25;
const
(常量,声明后不能改变):
const PI = 3.14;
数据类型
JavaScript 是一种动态类型语言,这意味着不需要在声明变量时指定数据类型。数据类型会在运行时自动确定。JavaScript 中的数据类型包括:
字符串
(String): 任何被引号引起来的文本。数字
(Number): 包括整数和浮点数。布尔值
(Boolean):true
或false
。对象
(Object): 键值对的集合。数组
(Array): 有序的值的集合。函数
(Function): 可执行的代码块。Undefined
: 表示未定义。Null
: 表示一个无值。
操作符
JavaScript 中有多种类型的操作符,包括:
赋值
(=
): 用于给变量赋值。数学
(+
,-
,*
,/
,%
): 用于执行基本的数学操作。比较
(==
,===
,!=
,!==
,<
,>
,<=
,>=
): 用于比较两个值。逻辑
(&&
,||
,!
): 用于逻辑运算。
控制结构
JavaScript 提供了标准的控制结构,例如条件语句和循环。
条件语句
:
if (condition) {
// 当条件为 true 时执行
} else {
// 当条件为 false 时执行
}
循环
:
// for 循环
for (let i = 0; i < 5; i++) {
// 将会执行五次
}
// while 循环
let i = 0;
while (i < 5) {
// 如果 i 小于 5,将会继续执行
i++;
}
函数
函数是可重复使用的代码块。在 JavaScript 中,函数可以定义、调用,并且可以作为值传递。
function greet(name) {
return 'Hello, ' + name + '!';
}
const greeting = greet('Alice');
console.log(greeting); // 输出 'Hello, Alice!'
你还可以创建匿名函数,并把它们赋值给变量:
const sum = function(a, b) {
return a + b;
};
sum(1, 2); // 返回 3
或者使用箭头函数(ES6 特性):
const add = (a, b) => a + b;
add(1, 2); // 返回 3
对象
JavaScript 中的对象可以通过对象字面量来创建,它是一种键/值对的集合。
const person = {
name: 'Alice',
age: 25,
greet: function() {
console.log('Hello, ' + this.name + '!');
}
};
person.greet(); // 输出 'Hello, Alice!'
数组
数组是一种特殊类型的对象,用于存储有序的值。
const fruits = ['apple', 'banana', 'cherry'];
console.log(fruits[0]); // 输出 'apple'
ES6 新特性
ES6(ECMAScript 2015)介绍了许多新特性,其中包括:
箭头函数
类
(class
)模板字面量
(${variable}
)默认参数
(function(x = 1) { ... }
)解构赋值
(const { a, b } = object;
)扩展操作符
(...
)Promises 和 Async/Await
用于异步编程let 和 const
范围限定的变量声明
JavaScript
基本语法涵盖的内容非常宽泛,这里仅仅是一个快速概览。
为了学习和掌握 JavaScript
,你需要深入各个部分,并在实际编程中不断练习。