JavaScript基础语法–变量

文章目录

  • 认识JavaScript变量
  • 程序中变量的数据(记录)–变量
  • 变量的命名格式
    • 在Java script中变量定义包含两部分
      • 1. 变量声明(高级JS引擎接下来定义一个变量)
      • 2. 其他的写法
  • 变量命名的规范(遵守)
  • 变量的练习
    • a. **定义变量,保存自己信息**
    • 将一个变量的值,赋值给另外一个变量
    • 定义两个变量保存两个数字,对两个变量对数字进行交换(市场类似公司笔试题出现过{简单的小算法})
    • 接受用户输入一个值,并且使用一个变量来保存
  • 变量的使用注意事项

认识JavaScript变量

程序中变量的数据(记录)–变量

在开发中,使用最多的是变换的数据
eg.商品数量,歌曲展示时间,微信聊天的信息条数,游戏的冷却时间,buff时间金币的数量。

变量的特性:
变量就是存放的数据
可能是计算的数字,句子的字符串或者其他的数据
存放的数值可以进行改变

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

变量的命名格式

在Java script中变量定义包含两部分

1. 变量声明(高级JS引擎接下来定义一个变量)

VAR关键字(variable单词缩写),后面在写es6let/console声明变量

var currentTime = “16:00”
变量的赋值

过程也可以分开操作

2. 其他的写法

先声明再赋值

var currentTime;
currentTime = “16:00”;
currentTime =“17:00”;

声明多个变量

var name,age,height
name = “wlin”
age = “21”
height = “1.8”

边声明边赋值
var name =“wlin”, age=“21”,height=“1.8”

这种写法是不推荐的,真实开发不会用到
阅读性特别差

console.log(age,height,name)也可以进行打印出具体的值,当我们打印变量时 实际上是打印变量中保存的值,console.log(参数1,参数2,参数3)

当我们在写代码时上面变量name/age/,下面有时调用或者打印时name/age颜色会发现不一样,这个与概念全局变量(全局对象有关,后面文章再细谈)
代码写以逗号作为分割,真实在浏览器控制台打印出来是没有进行“,“作为分割,而是以空格进行作为分割。这是Java script语法的特性,内部函数的实现

变量命名的规范(遵守)

  1. 第一个字符为字母开头/下划线/$
  2. 其他字符可以是字母/下划线/$
  3. 不能使用关键字和保留字命名

关键字比如var function class等这些词是JS引擎内部渲染解析的一种识别/标记(特殊含义),进行执行代码内容

保留字:目前还没有成为关键字,有可能会成为有可能会被抛弃,比如(interface)

mdn官方文档(关键字,保留字)
https://developer.mozilla.org/zh-CN/docs/web/javascript/reference/lexical_grammar

不推荐使用菜鸟编程等那些网页进行系统学习,这些网站很过时而且对于新特性,规范性代码性来说不是特别好,我们以w3c官方文档(madn中文版官方文档为标准)学习任何一门编程语言,学官方文档是最重要的,要去学会看文档(英语部分说明)是非常重要的!!!

  1. 严格区分大小写
  2. 多个单词使用驼峰标识
    大驼峰:所有单词首字母大写
    小驼峰:第一个单词用小写,其他用大写字母
    在这里插入图片描述
    等号左右两边加上空格
    一条语句结束后加上分号,也可以不加(初学者可以加)
    变量名字尽量做到见名知意

变量的练习

a. 定义变量,保存自己信息

在这里插入图片描述

将一个变量的值,赋值给另外一个变量

在这里插入图片描述

定义两个变量保存两个数字,对两个变量对数字进行交换(市场类似公司笔试题出现过{简单的小算法})

var num1 = 10
var num2 = 20

方法一:接住第三个变量
console.log(“交换前,num:“,num1,num2)
var num3 = num1
num1 = num2
num2 = num3
console.log(“交换后,num:”,num1,num2)

方法二不借助第二个变量
num1 = num1+num2
num2 = num1 -num2
num1 =num1 -num2
console.log(“交换后,num1,num2:“,num1,num2)

接受用户输入一个值,并且使用一个变量来保存

var inputinfo = prompt(“请输入一个值吧“)
console.log(inputinfo)
接受这个函数的返回值,打开控制台可以看到

变量的使用注意事项

如果一个变量未声明(declaration)就直接使用,那么会报错
浏览器内部有一个全局属性name,没有定义name就会报错

练习别用name,这里有一个特殊全局变量
在这里插入图片描述
在这里插入图片描述
如果一个变量有声明,但是没有赋值,那么默认值是undefined
在这里插入图片描述
如果没有使用var声明变量也可以声明成功,但是不推荐(事实上会被添加到window对象上)
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/783134.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

RocketMQ与Spring Boot完美结合:事务消息的全面解析

生产者端 业务场景:考虑一个在线电商平台的订单支付业务场景,该场景中我们需要处理用户的支付操作并确保订单状态的更新与库存减少这两个操作要么同时成功,要么同时失败,以保证数据的一致性。我们将使用RocketMQ事务消息来实现这…

【微信】公众号开发

文章目录 概述与微信交互环境准备开发者工具 注册公众号服务器基本配置存取access_token示例代码来源 概述 不同类型公众号主要区别 与微信交互 实际上我们在公众号里的所有操作,都会发送到微信的服务器上,微信服务器将这些动作的具体含义按照一定的…

JavaScript的使用

一,JavaScript的介绍 1.1 简介 网页开发唯一可选语言 增加网页动态性与交互性 服务端开发 可以对数据库文件读写 1.2 引入 html内部使用script标签 在script在外部文件中填写 在外部文件中填写 在html内部通过script的src属性引入外部js内部直接编写js 二&…

PWM波输出-定时器输出比较单元

目录 1,前言 2,实现过程 2.1 比较部分 2.2 输出部分 1,前言 电平,作为单片机的“肌肉”,承担着实践单片机的“想法“的重要任务。而PWM波,则是电平这个大类的重中之重,可以说,没…

VUE 视图不刷新解决方法

折腾VUE总会遇到这种问题,一直以来都是想用各种方法凑合,网上一般也是方法各异,像this.$updateForce强制刷新视图(基本无效),还有用vue的set方法、js的splice方法设置数据,但这并不能解决所有问…

当代深度学习模型介绍--门控循环单元(GRUs)

AI大模型学习 方向一:AI大模型学习的理论基础 模型和应用的多样化:随着研究的深入,深度学习领域出现了多种创新的模型架构: 卷积神经网络(CNNs)专门针对图像处理任务进行了优化,通过模拟生物视…

STM32的芯片无法在线调试的情况分析

问题描述 本博客的目的在于帮助网友尽快地解决问题, 避免浪费时间, 查漏补缺。 在stm32的开发过程中,有时会遇到"STM No Target connected"的错误提示,这说明MDK开发环境无法与目标设备进行通信,导致无法烧…

YOLOv9改进策略 :注意力机制 | 注意力机制与卷积的完美融合 | 最新移动端高效网络架构 CloFormer

💡💡💡本文改进内容: 引入CloFormer 中的 AttnConv,上下文感知权重使得模型能够更好地适应输入内容。相比于局部自注意力机制,引入共享权重使得模型能够更好地处理高频信息,从而提高性能。 💡💡💡注意力机制与卷积的完美融合 AttnConv | 亲测在多个数据集能够…

15.三数之和

题目 给你一个整数数组 nums ,判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k ,同时还满足 nums[i] nums[j] nums[k] 0 。请你返回所有和为 0 且不重复的三元组。注意:答案中不可以包含重复的三元组。示例 …

windows安全中心设置@WindowsDefender@windows安全中心常用开关

文章目录 abstractwindows defender相关服务👺 停用windows Defender临时关闭实时防护使用软件工具关闭defender control(慎用)dismdControl 其他方法使其他杀毒软件注册表修改 保护历史恢复被认为是有病毒的文件添加信任目录,文件,文件类型或进程 abstract window…

算法复习:链表

链表定义 struct ListNode { int val;ListNode *next;ListNode(int x) : val(x), next(nullptr) {} }; 链表的遍历:ListNode phead; while(p!null) pp.next; 找到链表的尾结点:phead; while(p.next!null)pp.next; 链表节点的个数: phead…

java 继承extends

权限 子类会自称父类所有的非私有的成员变量和方法(不包括缺省和protected)权限修饰符的种类如下: 上面說的protected 方法可以被任意包的子类中使用,但是子类的的实例不能使用,因为没有继承,否则报错。 继…

mongodb中的字符串排序

前言 数据库有一索引字段,ObjectId与string类型混用。 需要辨明sort后的排序关系。 输入 [{"_id": {"$oid": "e98799a7e181225ad5c87476"} }, {"_id": {"$oid": "e98799a7e181225ad5c87477"} }, {&…

lab-1:Xv6 and Unix utilities

实验工具 clone实验源码 git clone git://g.csail.mit.edu/xv6-labs-2023进入目录 cd xv6-labs-2023运行内核 make qemu打印数据 Ctrl-p退出 ctrax xv6中的system call int fork() Create a process, return child’s PID. int exit(int status) Terminate the current p…

腾讯云2核4G服务器优惠价格165元一年,限制500GB月流量

腾讯云轻量2核4G5M服务器租用价格165元1年、252元15个月、三年900元,配置为轻量2核4G5M、5M带宽、60GB SSD盘、500GB月流量、上海/广州/北京,腾讯云优惠活动 yunfuwuqiba.com/go/txy 腾讯云轻量2核4G5M服务器租用价格 腾讯云:轻量应用服务器1…

RecyclerView 调用 notifyItemInserted 自动滚动到底部的问题

项目中发现一个奇怪的现象 RecyclerView 加载完数据以后,调用 notifyItemInserted 方法,RecyclerView 会滑动到底部。 简化后的效果图: 因为这个 RecyclerView 的适配器有一个 FootViewHolder,所以怀疑是 FootViewHolder 的问题…

Linux中常用命令(文件、目录和文件压缩)及功能示例

一、Linux关于文件与目录的常用命令及其功能示例 命令: ls 全名: List (列表) 常用选项: -l: 详细列表格式,显示详细信息。-a: 显示所有文件,包括隐藏文件。 功能: 列出目录内容。 示例: ls -la /home 此命令以详细格式列出/home目录中的所有文件&#x…

推荐一本牛逼的入门 Python书!,如何试出一个Python开发者真正的水平

本书详细解说了 Python 语言和编程的本质,无论你是否接触过编程语言,只要是 Python 编程的初学者,都可阅读本书。 本书讲解的内容虽然基础,但并不简单。本书提供了 165 幅图表,可以让大家能够轻松地理解并掌握复杂的概…

踏入网页抓取的旅程:使用 grequests 构建 Go 视频下载器

引言 在当今数字化的世界中,网页抓取技术变得越来越重要。无论是获取数据、分析信息,还是构建自定义应用程序,我们都需要从互联网上抓取数据。本文将介绍如何使用 Go 编程语言和 grequests 库来构建一个简单的 Bilibili 视频下载器&#xff…

多线程(22)Executor`框架

Executor框架是Java提供的一套高级的线程管理机制,它在java.util.concurrent包中。这个框架旨在简化并发编程,提供了线程池管理、任务调度、异步计算等功能,让开发者能够更加专注于任务的执行逻辑,而不是线程的管理和调度。 核心…