当前位置： 首页 > article >正文

【JavaScript—前端快速入门】JavaScript 基础语法

article 2026/3/24 18:11:06

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

JavaScript 基础语法

1. 变量

创建变量(变量定义 / 变量声明 / 变量初始化)，JS 声明变量有3种方式

在这里插入图片描述

2. 通过打印日志，查看变量类型

JavaScript 是一门动态弱类型语言，变量可以存放不同类型的值(动态)

在这里插入图片描述

接下来，我们通过使用 log 指令，通过控制台打日志，查看 let 变量的类型；

在这里插入图片描述

保存代码，打开页面：

在这里插入图片描述

在这里插入图片描述

我们通过 typeof 关键字，让日志打印 aa 变量的类型：

在这里插入图片描述

保存代码，打开页面：

在这里插入图片描述

随着程序的运行，变量的类型可能会发生改变 (弱类型)

在这里插入图片描述

保存代码，打开页面：

在这里插入图片描述

Java是静态强类型语言，在变量声明时，需要明确定义变量的类型；如果不强制转换，类型不会发生变
化；

3. 变量名命名规则

  • 组成字符可以是任何字母、数字、下划线(_)或美元符号 ($)

  • 数字不能开头

  • 建议使用驼峰命名

  • + 表示字符串拼接，也就是把两个字符串首尾相接变成一个字符串.

  • \n 表示换行

4. 变量类型

虽然 js 是弱数据类型的语言，但是js中也存在数据类型，js中的数据类型分为：原始类型和引用类型，具体有如下类型：

在这里插入图片描述

使用typeof函数可以返回变量的数据类型：

在这里插入图片描述

5. 运算符

在这里插入图片描述

对于 == 和 === 的特殊说明：

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

相关文章：

【JavaScript—前端快速入门】JavaScript 基础语法

JavaScript 基础语法 1. 变量 创建变量(变量定义 / 变量声明 / 变量初始化)，JS 声明变量有3种方式 2. 通过打印日志，查看变量类型 JavaScript 是一门动态弱类型语言，变量可以存放不同类型的值(动态) 接下来，我们通过使用 log 指令…...

编程日记 2026/3/20 10:49:58

deepseek助力运维和监控自动化

将DeepSeek与Agent、工作流及Agent编排技术结合，可实现IT运维与监控的智能化闭环管理。以下是具体应用框架和场景示例： 一、智能Agent体系设计 多模态感知Agent 日志解析Agent：基于DeepSeek的NLP能力，实时解析系统日志中的语义&a…...

编程日记 2026/3/15 8:16:28

日志分析集群安装部署（ELK） 保姆级教程

创建用户es不用root用户 创建的用户是elasticsearch密码:elasticsearch useradd elasticsearch && echo elasticsearch|passwd --stdin elasticsearch 1.优化最打进程数、最大文件打开数、优化虚拟内存 、elastic.co vim /etc/security/limit.conf * soft nofile 65…...

编程日记 2025/7/5 16:58:37

springboot在业务层校验对象/集合中字段是否符合要求

springboot在业务层校验对象参数是否必填 1.场景说明2.代码实现 1.场景说明 为什么不在控制层使用Validated或者Valid注解直接进行校验呢？例如通过excel导入数据，将excel数据转为实体类集合后，校验集合中属性是否符合要求。 2.代码实现 定义…...

编程日记 2026/3/15 8:14:20

【UCB CS 61B SP24】Lecture 17 - Data Structures 3: B-Trees 学习笔记

本文以 2-3-4 树为例详细讲解了 B 树的概念，逐步分析其操作，并用 Java 实现了标准的多阶 B 树。 1. 2-3 & 2-3-4 Trees 上一节课中讲到的二叉搜索树当数据是随机顺序插入的时候能够使得树变得比较茂密，如下图右侧所示，时间复…...

编程日记 2026/3/21 2:14:48

论文阅读笔记：UniFace: Unified Cross-Entropy Loss for Deep Face Recognition

论文阅读笔记：UniFace: Unified Cross-Entropy Loss for Deep Face Recognition 1 背景2 创新点3 方法3.1 回顾softmax损失3.2 统一交叉熵损失3.3 人脸验证中的UCE损失3.4 进一步的优化3.4.1 边际UCE损失3.4.2 平衡BCE损失 4 实验4.1 消融实验4.2 和SOTA方法对比 论…...

编程日记 2026/3/21 3:55:12

从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十) 收发消息

1.聊天框 首先我们完善前端的消息输入框 components下面新建MessageInput组件 import { useState,useRef } from "react" import {X,Image,Send} from "lucide-react"import { useChatStore } from "../store/useChatStore" import toast from…...

编程日记 2026/3/21 4:22:26

数据仓库的特点

数据仓库的主要特点可以概括为：面向主题、集成性、非易失性、时变性、高性能和可扩展性、支持复杂查询和分析、分层架构以及数据质量管理。 1. 面向主题（Subject-Oriented） 数据仓库是面向主题的，而不是面向事务的。这意味着数据…...

编程日记 2025/7/7 10:58:12

5分钟看懂Deepseek开源周之六：Deepseek-V3/R1推理系统设计----揭开深度求索模型系统设计和运营成本之谜

前言 众所周知，四大天王一般有五个人。所以开源周五连发有第六天也很正常。贴上了开源周活动的github主贴，大家可以不上推特就能了解详情。 deepseek-ai/open-infra-index: Production-tested AI infrastructure tools for efficient AGI development a…...

编程日记 2026/3/19 14:02:46

DICOM服务中的C-STORE、 C-FIND、C-MOVE、C-GET、Worklist

DICOM服务说明 DICOM（Digital Imaging and Communications in Medicine）是一种用于处理、存储、打印和传输医学影像的标准。DICOM定义了多种服务类，其中C-STORE、C-FIND、C-MOVE和C-GET是与影像数据查询和检索相关的四个主要服务类&#xff…...

编程日记 2025/11/18 4:30:54

C++发展

目录 ​编辑C 的发展总结：​编辑 1. C 的早期发展（1979-1985） 2. C 标准化过程（1985-1998） 3. C 标准演化（2003-2011） 4. C11（2011年） 5. C14（2014年&a…...

编程日记 2026/3/15 7:55:23

vue3中 组合式~测试深入组件：事件 与 $emit()

一、语法(props) 第一步&#xff1a;在组件模板表达式中&#xff0c;可以直接用$emit()方法触发自定义事件&#xff0c; <!-- MyComponent --> <button click"$emit(someEvent)">Click Me</button> 第二步父组件可以通过 v-on (缩写为 ) 来监听…...

编程日记 2026/3/2 21:18:11

动态规划/贪心算法

一、动态规划 动态规划 是一种用于解决优化问题的算法设计技术&#xff0c;尤其适用于具有重叠子问题和最优子结构性质的问题。它通过将复杂问题分解为更简单的子问题&#xff0c;并保存这些子问题的解以避免重复计算&#xff0c;从而提高效率。 动态规划的核心思想 最优子结…...

编程日记 2026/3/20 4:00:31

python全栈-Linux基础

python全栈-Linux基础 文章目录 Linux安装/配置网络配置配置Linux远程登录配置虚拟机内部ip配置真机的ip安装XShell和Xftp目录结构用户和用户组用户管理添加用户useradd查看用户id修改用户usermod (选项)(参数)用户密码设置passed (选项)(参数)删除用户userdel [选项] 用户名 用…...

编程日记 2026/3/21 4:22:31

基于https虚拟主机配置

一、https介绍 http 明文&#xff0c;80/tcp https 密文&#xff0c;443/tcp 二、安全性保障 1、数据安全性 数据加密 2、数据完整性 3、验证身份的真实性、有效性 三、数据安全性 手段&#xff1a;加密 发送方加密数据&#xff0c;接收方解密数据 对称加密算法 加密、解密数据…...

编程日记 2026/3/8 17:40:24

Kmeans算法来实现RFM指标计算步骤

K-Means&#xff08;K均值&#xff09;是一种经典的无监督聚类算法&#xff0c;主要用于将数据集划分为 KKK 个不同的簇&#xff08;Cluster&#xff09;。 它基于最小化簇内样本的平方误差&#xff0c;即最小化数据点与簇中心的距离之和。 1. K-Means 算法原理 (1) 主要步骤 …...

编程日记 2026/3/17 5:21:04

LeetCode 1745.分割回文串 IV：动态规划（用III或II能直接秒）

【LetMeFly】1745.分割回文串 IV&#xff1a;动态规划&#xff08;用III或II能直接秒&#xff09; 力扣题目链接&#xff1a;https://leetcode.cn/problems/palindrome-partitioning-iv/ 给你一个字符串 s &#xff0c;如果可以将它分割成三个 非空 回文子字符串&#xff0c;…...

编程日记 2025/12/14 8:05:33

Vue2-3 优雅的在子组件修改父组件传递过来的v-model

在子组件修改父组件传递过来的v-model&#xff0c;这样会破坏单向数据流&#xff0c;造成屎山代码&#xff0c;为了避免这个问题&#xff0c;需要给一个中间层来相对舒服的使用v-model。方法就是用computed去拦截v-model,然后在computed 里面去触发 emit 事件来修改父组件传来的…...

编程日记 2026/3/11 14:03:19

threejs:用着色器给模型添加光带扫描效果

第一步&#xff1a;给模型添加光带 首先创建一个立方体&#xff0c;不进行任何缩放平移操作&#xff0c;也不要set position。 基础代码如下&#xff1a; 在顶点着色器代码里varying vec3 vPosition;vPosition position;获得threejs自动计算的顶点坐标插值&#xff08;也就…...

编程日记 2026/3/20 10:45:02

1.从0搭建前端Vue项目工程

我们通过vue官方提供的脚手架Vue-cli来快速生成一个Vue的项目模板。 **注意&#xff1a;**需要先安装NodeJS&#xff0c;然后才能安装Vue-cli。 环境准备好了&#xff0c;接下来我们需要通过Vue-cli创建一个vue项目&#xff0c;然后再学习一下vue项目的目录结构。Vue-cli提供了…...

编程日记 2026/3/16 12:59:16

开放鸿蒙OpenHarmony 5.0.0 Release 兼容性测试实战经验分享

OpenHarmony 5.0版本的发布时间是2024年12月20日至21日。这个版本带来了许多新特性和改进。现在5.0出了两个release 版本&#xff0c;分别是5.0.0和5.0.1。 就在5.0版本发布不到2周的时间内&#xff0c;2025年01月01日起&#xff0c;不支持新产品基于老分支&#xff08;OpenHar…...

编程日记 2026/3/17 19:25:32

Chromium_src源码

Chromium_src源码 码云上有一个OpenHarmony-TPC/chromium_src项目&#xff0c;目前已经停止维护了&#xff0c;迁移到GitCode上了&#xff0c;源代码项目地址为&#xff1a;openharmony-tpc/chromium_chrome 特此记录一下老的项目的相关软件架构 Chromium 简介 软件架构 软…...

编程日记 2026/3/20 16:26:30

深度学习的正则化深入探讨

文章目录 一、说明二、学习目标三、什么是机器学习中的正则化四、了解过拟合和欠拟合五、代价函数的意义六、什么是偏差和方差&#xff1f;七、机器学习中的正则化&#xff1f; 一、说明 在训练机器学习模型时&#xff0c;模型很容易过拟合或欠拟合。为了避免这种情况&#xf…...

编程日记 2026/3/19 10:41:32

《OpenCV》——dlib（人脸应用实例）

文章目录 dlib库dlib库——人脸应用实例——表情识别dlib库——人脸应用实例——疲劳检测 dlib库 dlib库的基础用法介绍可以参考这篇文章&#xff1a;https://blog.csdn.net/lou0720/article/details/145968062?spm1011.2415.3001.5331&#xff0c;故此这篇文章只介绍dlib的人…...

编程日记 2026/3/11 20:25:29

tauri2+typescript+vue+vite+leaflet等的简单联合使用（一）

项目目标 主要的目的是学习tauri。 流程 1、搭建项目 2、简单的在项目使用leaflet 3、打包 准备项目 环境准备 废话不多说&#xff0c;直接开始 需要有准备能运行Rust的环境和Node&#xff0c;对于Rust可以参考下面这位大佬的文章&#xff0c;Node不必细说。 Rust 和…...

编程日记 2026/3/24 8:13:03

本地部署阿里万象2.1文生视频模型（Wan2.1-T2V）完全指南

在生成式AI技术爆发式发展的今天，阿里云开源的万象2.1（Wan2.1）视频生成模型，为创作者提供了从文字/图像到高清视频的一站式解决方案。本文针对消费级显卡用户，以RTX 4060 Ti 16G为例，详解本地部署全流程与性能调优方案，涵盖环境配置、多模型选择策略、显存优化技巧及实战…...

编程日记 2026/3/23 2:55:22

# [Linux] [Anaconda]解决在 WSL Ubuntu 中安装 Anaconda 报错问题

在 Windows 10 中安装了 WSL&#xff08;Windows Subsystem for Linux&#xff09;并使用 Ubuntu 后&#xff0c;你可能会下载 Anaconda 的 Linux 版本进行安装。但在安装过程中&#xff0c;可能会遇到 tar (child): bzip2: Cannot exec: No such file or directory 这样的错误…...

编程日记 2026/3/16 8:34:27

ES怎么查询大于10000条数据

在Elasticsearch&#xff08;ES&#xff09;中&#xff0c;默认情况下&#xff0c;查询结果的最大返回条数是10,000条。如果你需要查询超过10,000条数据&#xff0c;可以通过以下几种方式来实现&#xff1a; 1. 使用 scroll API scroll API 适用于需要处理大量数据的场景&…...

编程日记 2025/7/5 16:12:06

【Vue CLI脚手架开发】——3.组件交互props配置

文章目录 前言一、props数据接收方式二、代码实现1. 父组件2.子组件 三、分析 前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 例如&#xff1a;随着人工智能的不断发展&#xff0c;机器学习这门技术也越来越重要&#xff0c;很多人都开启了学习机器学习…...

编程日记 2026/3/21 9:43:56

FPGA之USB通信实战：基于FX2芯片的Slave FIFO回环测试详解

FPGA之Usb数据传输 Usb 通信 你也许会有疑问&#xff0c;明明有这么多通信方式和数据传输&#xff08;SPI、I2C、UART、以太网&#xff09;为什么偏偏使用USB呢? 原因有很多&#xff0c;如下&#xff1a; 1. 高速数据传输能力 高带宽&#xff1a;USB接口提供了较高的数据传…...

编程日记 2026/3/16 20:32:22