前端祖传三件套JavaScript的最基础之语句

简介: 前端开发中,JavaScript是必不可少的一部分。它是一种动态语言,被广泛用于Web应用程序中,可以实现复杂的交互功能和数据处理。作为前端开发的三件套之一,JavaScript在开发过程中起到了至关重要的作用。本文将从最基础的语句入手,深入浅出地介绍JavaScript的使用。


  1. 变量和赋值

在JavaScript中,变量的定义需要使用关键字var、let或const,例如:

var name = "AITrip"; // 定义字符串类型变量name
let age = 25; // 定义数值类型变量age
const PI = 3.1415926; // 定义常量PI

其中,var声明的变量是全局变量,let声明的变量只在当前代码块中有效,而const声明的变量是一个常量,不能再次被赋值。

变量赋值需要使用等号=,例如:

name = "AI Trip"; // 修改变量name的值为"AI Trip"
age = age + 1; // 将变量age的值加1
  1. 条件语句

条件语句在JavaScript中也是非常常见的语句,它根据判断条件的真假来执行不同的操作。常见的条件语句有if...else和switch...case。

if...else语句的基本格式如下所示:

if (condition) {
  // 条件成立时执行的代码
} else {
  // 条件不成立时执行的代码
}

例如:

let score = 60;
if (score >= 60) {
  console.log("及格");
} else {
  console.log("不及格");
}

switch...case语句则是根据变量的值来判断执行哪个分支,它的基本格式如下所示:

switch (expression) {
  case value1:
    // 分支1的代码
    break;
  case value2:
    // 分支2的代码
    break;
  default:
    // 默认分支的代码
}

例如:

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("这是一个苹果");
    break;
  case "banana":
    console.log("这是一个香蕉");
    break;
  default:
    console.log("这不是一个水果");
}
  1. 循环语句

循环语句也是JavaScript中常用的语句之一。在循环中,可以执行一段代码多次,常见的循环语句有for、while和do...while。

for循环的基本格式如下所示:

for (initialization; condition; increment) {
  // 循环体的代码
}

其中,初始化部分用于定义循环变量的初始值,条件部分用于定义循环终止的条件,增量部分用于定义每次循环后循环变量要增加或减少的值。

例如:

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

while循环的基本格式如下所示:

while (condition) {
  // 循环体的代码
}

例如:

let i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}

do...while循环的基本格式如下所示:

do {
  // 循环体的代码
} while (condition);

其中,do部分的代码至少会被执行一次,然后再根据条件决定是否继续执行。

例如:

let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 10);
目录
相关文章
|
5天前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
|
5天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
17 0
|
6天前
|
JavaScript 前端开发 API
Vue.js:现代前端开发的强大框架
【10月更文挑战第11天】Vue.js:现代前端开发的强大框架
58 41
|
19小时前
|
前端开发 JavaScript 安全
JavaScript前端开发技术
JavaScript(简称JS)是一种广泛使用的脚本语言,特别在前端开发领域,它几乎成为了网页开发的标配。从简单的表单验证到复杂的单页应用(SPA),JavaScript都扮演着不可或缺的角色。
10 3
|
4天前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
35 0
|
5天前
|
前端开发 JavaScript 程序员
【从前端入门到全栈】Node.js 之核心概念
【从前端入门到全栈】Node.js 之核心概念
|
5天前
|
Web App开发 JavaScript 前端开发
前端Node.js面试题
前端Node.js面试题
|
6天前
|
监控 JavaScript 前端开发
深入了解Vue.js:构建现代前端应用的利器
【10月更文挑战第11天】深入了解Vue.js:构建现代前端应用的利器
10 0
|
6天前
|
前端开发 JavaScript 安全
前端JS实现密码校验键盘横竖、26字母、相同字母、相同数字、密码包含用户名、数字 字母不能连续 不能相同三个、不能横向 竖向 连续三个 包含字符、不能有中文符号
该 JavaScript 代码实现了一个严格的密码校验功能,确保密码满足多种安全要求,包括长度、字符类型、不包含中文及特殊字符、不与用户名相似等。通过多个辅助函数,如 `validateFormat` 检查密码格式,`isHasChinaCharFun` 检测中文符号,`getCharAll` 生成键盘组合,以及 `checkPasswordFun` 综合验证密码的有效性和安全性。此工具对于提高用户账户的安全性非常有用。
15 0
|
5天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。