JS基础 | 青训营笔记

LUSNIA
56 阅读2分钟

JavaScript是一种广泛使用的编程语言，用于Web应用程序中的动态交互和用户界面。在本文中，我们将深入探讨JavaScript的基础知识。

变量

在JavaScript中，变量用于存储值或表达式。要声明变量，需要使用关键字var、let或const，例如：

var x = 5;
let y = 'Hello';
const z = true;

以上代码声明了三个变量x、y、z，并分别赋予了不同类型的值。其中，var用于声明可重复定义的变量，let则用于声明可修改的变量，而const用于声明常量。

条件语句和循环

JavaScript提供了多种条件语句和循环方式，以便根据特定的条件执行不同的代码块。

if语句

if语句允许您通过指定一个条件来执行代码块。例如：

var age = 18;
if (age >= 18) {
  console.log('您已经成年！');
} else {
  console.log('您还未成年！');
}

上述代码会根据变量age的值打印相应的消息。

for循环

for循环是一种常见的循环语句，它允许您按照给定的条件迭代代码块。例如：

for (var i = 0; i < 5; i++) {
  console.log(i);
}

此代码将迭代五次，并打印从0到4的数字。

函数

JavaScript中的函数是可重用的代码块，它们可以在需要时调用。要定义一个函数，请使用关键字function，例如：

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

上述代码定义了一个名为addNumbers的函数，它接受两个参数a和b，并返回它们的和。您可以通过调用该函数来执行此操作，例如：

var result = addNumbers(5, 10);
console.log(result); //输出15

事件处理程序

JavaScript还提供了一种称为事件处理程序的功能，它允许您响应用户与Web页面交互的事件。例如，在下面的代码中，我们将为按钮添加一个点击事件处理程序：

var button = document.getElementById('myButton');
button.addEventListener('click', function() {
  console.log('按钮被点击！');
});

当用户单击按钮时，将执行传递给addEventListener方法的匿名函数。

DOM操作

JavaScript还提供了一种称为DOM操作的功能，它允许您动态更改HTML和CSS以及其他数据。例如，在下面的代码中，我们将更改页面上元素的文本内容：

var element = document.getElementById('myElement');
element.innerHTML = '新文本内容';

以上代码将更改具有ID“myElement”的元素的文本内容。

总结

本文介绍了JavaScript的基础知识，包括变量、条件语句和循环、函数、事件处理程序和DOM操作。JavaScript在Web开发中的应用非常广泛，并且有助于创建用户友好的交互式应用程序。如果您想深入了解JavaScript，请继续学习，并探索更多高级主题。

avatar
文章
阅读
粉丝