JavaScript基础语法–变量

news2024/11/27 10:43:07

文章目录

  • 认识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.coloradmin.cn/o/1558476.html

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

相关文章

使用 eNSP 模拟交换机防御 ARP 泛洪攻击

一、介绍 ARP(地址解析协议)泛洪攻击是一种网络攻击手法,利用 ARP 协议的工作方式来实施。ARP 协议用于将 IP 地址映射到 MAC 地址,以便在局域网中发送数据包。ARP 泛洪攻击的基本原理是向网络中广播大量伪造的 ARP 请求&#xf…

Doris实践——票务平台的实时数仓建设

目录 前言 一、引入 Doris原因 二、基于Doris搭建数据平台 2.1 构建实时数仓 2.2 Flink CDC全库同步 三、基于Doris进行OLAP报表开发 四、未来规划 原文大佬介绍的这篇票务平台的实时数仓建设有借鉴意义,现摘抄下来用作沉淀学习。如有侵权,请告知…

高效解决Visual Studio无法识别到自定义头文件

文章目录 问题解决方案 问题 说明你没有好好配置项目属性 解决方案 把头文件都集中存放到一个文件夹里 之后我会持续更新,如果喜欢我的文章,请记得一键三连哦,点赞关注收藏,你的每一个赞每一份关注每一次收藏都将是我前进路…

【c++】类和对象(六)深入了解隐式类型转换

🔥个人主页:Quitecoder 🔥专栏:c笔记仓 朋友们大家好,本篇文章我们来到初始化列表,隐式类型转换以及explicit的内容 目录 1.初始化列表1.1构造函数体赋值1.2初始化列表1.2.1隐式类型转换与复制初始化 1.3e…

Learning from Multiple Annotator Noisy Labels via Sample-wise Label Fusion

confusion matrix P n ( r ) _n^{(r)} n(r)​ pillow8.3.1和python3.7.11的环境不好满足,不建议复现

笔记: JavaSE day16笔记 - string字符串

第十六天课堂笔记 学习任务 Comparable接口★★★★ 接口 : 功能的封装 > 一组操作规范 一个抽象方法 -> 某一个功能的封装多个抽象方法 -> 一组操作规范 接口与抽象类的区别 1本质不同 接口是功能的封装 , 具有什么功能 > 对象能干什么抽象类是事物本质的抽象 &…

RocketMQ(版本4.9.4)+RocketMQ_Dashbord环境搭建(生产者、消费者的前置环境搭建)

一、官方网站下载 RocketMQ源码包 https://rocketmq.apache.org/zh/docs/4.x/introduction/02quickstart 二、把rocketMQ上传到Linux环境下解压,编译,执行以下命令(需要提前装jdk和maven并配置好环境变量) unzip rocketmq-all-4…

短视频账号矩阵系统/开发 -- -- -- 蒙太奇算法上线

短视频账号矩阵系统,短视频矩阵系统开发3年技术之路,目前已经在技术竞品出沉淀出来,近期技术迭代的新的功能同步喽: php7.4版本,自研框架,有开发文档,类laravel框架 近期剪辑迭代的技术算法&am…

Unix信号处理

信号的基本概念我已经在上一节中简单介绍了&#xff0c;大家可以去看我的上一篇博客&#xff1a; Unix中的进程和线程-2-CSDN博客 1.信号的产生 kill函数&#xff1a; #include <signal.h> #include <fcntl.h> #include<t_stdio.h> //自定义信号处理函数,n为…

深度学习算法概念介绍

前言 深度学习算法是一类基于人工神经网络的机器学习方法&#xff0c;其核心思想是通过多层次的非线性变换&#xff0c;从数据中学习表示层次特征&#xff0c;从而实现对复杂模式的建模和学习。深度学习算法在图像识别、语音识别、自然语言处理等领域取得了巨大的成功&#xf…

深入理解数据结构(3):栈和队列详解

文章主题&#xff1a;顺序表和链表详解&#x1f331;所属专栏&#xff1a;深入理解数据结构&#x1f4d8;作者简介&#xff1a;更新有关深入理解数据结构知识的博主一枚&#xff0c;记录分享自己对数据结构的深入解读。&#x1f604;个人主页&#xff1a;[₽]的个人主页&#x…

吴恩达机器学习笔记 三十一 K-means算法及优化目标 成本函数

随机初始化 K 个集群质心&#xff0c;这里设质心个数为2 第一步&#xff1a;分配点给集群质心 对 m 个 点&#xff0c;每个点对应的质心为 c(i) ,若离红色的质心近&#xff0c;则 c(i) 的值为1&#xff0c;否则为2。计算距离用的是L2范式。 第二步&#xff1a;移动集群质心 …

Verilog语法回顾--用户定义原语

目录 用户定义原语 UDP定义 UDP状态表 状态表符号 组合UDP 电平敏感UDP 沿敏感时序UDP 参考《Verilog 编程艺术》魏家明著 用户定义原语 用户定义原语&#xff08;User-defined primitive&#xff0c;UDP&#xff09;是一种模拟硬件技术&#xff0c;可以通过设计新的原…

Yolov7 Reid【附代码,行人重识别,可做跨视频人员检测】

本项目使用Yolov7Reid实现的行人重识别功能&#xff0c;可做跨视频人员检测。 应用场景&#xff1a; 可根据行人的穿着、体貌等特征的Reid算法在视频中进行检索&#xff0c;可以把这个人在各个不同摄像头出现时检测出来。可应用于犯罪嫌疑人检索、寻找走失儿童等。支持GUI界面…

Python API(happybase)操作Hbase案例

一、Windows下安装Python库&#xff1a;happybase pip install happybase -i https://pypi.tuna.tsinghua.edu.cn/simple 二、 开启HBase的Thrift服务 想要使用Python API连接HBase&#xff0c;需要开启HBase的Thrift服务。所以&#xff0c;在Linux服务器上&#xff0c;执行如…

scikit learn数据预处理学习笔记

数据集及基本操作 1&#xff09;数据集的组成 数据集由特征(feature)与标签(label)构成。 特征是输入数据。 什么是特征&#xff08;Features&#xff09;: 机器学习中输入数据&#xff0c;被称为特征。通常特征不止1个&#xff0c;可以用 n 维向量表示n个特征。 Features 数…

设备树语法

设备树语法 1 Devicetree格式1.1 DTS文件格式1.2 node格式1.3 properties格式 2 dts文件包好desi文件3 常用的 属性 properties3.1 #address-cells、#size-cells3.2 compatible3.3 model3.4 status3.5 reg&#xff08;设备不同reg属性的含义就不同&#xff09;3.6 name、device…

链式前向星解析

树形DP涉及到图存储&#xff0c;先复习一下链式前向星存储图&#xff0c;便于理解上篇的树形DP。对于图数据结构的存储&#xff0c;我们除了采用邻接矩阵&#xff08;消耗空间&#xff0c;不常用&#xff09;、邻接表&#xff0c;还有一种方法就是链式前向星。 链式前向星存储图…

数据结构——线性表(一)

线性表&#xff0c;顾名思义&#xff0c;是具有像线一样的性质的表。如同学生们在操场上排队&#xff0c;一个跟着一个排队&#xff0c;有一个打头&#xff0c;有一个收尾&#xff0c;在其中的学生都知道前一个是谁&#xff0c;后一个是谁&#xff0c;这样就像一根线将他们都串…

[HNCTF 2022 WEEK2]来解个方程?

标准的Z3题&#xff0c;可以拿来当模版题 题目逻辑很简单 直接看check from z3 import * # 初始化求解器 s Solver() # 定义6个未知数 n 24 x [Int(s str(i)) for i in range(0,24)] s.add(245 * x[6] 395 * x[5 ] 3541 * x[4 ] 2051 * x[3 ] 3201 * x[2 ] 1345 * x[7 ] 8…