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.rhkb.cn/news/292491.html

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

相关文章

C语言每日一题

1.题目 二.分析 本题有两点需要注意的&#xff1a; do-while循环 &#xff1a;在判断while条件前先执行一次do循环static变量 &#xff1a;程序再次调用时static变量的值不会重新初始化&#xff0c;而是在上一次退出时的基础上继续执行。for( i 1; i < 3; i )将调用两次…

江协STM32:点亮第一个LED灯和流水灯

很多单片机都是高电平弱驱动&#xff0c;低电平强驱动&#xff0c;所以这里是低电平有效 点亮一个LED灯 操作STM32的GPIO需要三个操作&#xff1a; 第一个使用RCC开启GPIO的时钟 第二步使用GPIO_Init函数初始化GPIO 第三步使用输出或输入函数控制GPIO 1.使用RCC开启GPIO的时…

C++ | leetcode C++题解之第1题两数之和

题目&#xff1a; C 题解&#xff1a; class Solution { public:vector<int> twoSum(vector<int>& nums, int target) {unordered_map<int, int> hashtable;for (int i 0; i < nums.size(); i) {auto it hashtable.find(target - nums[i]);if (it …

【微服务】Nacos(配置中心)

文章目录 1.AP和CP1.基本介绍2.说明 2.Nacos配置中心实例1.架构图2.在Nacos Server加入配置1.配置列表&#xff0c;加号2.加入配置3.点击发布&#xff0c;然后返回4.还可以编辑 3. 创建 Nacos 配置客户端模块获取配置中心信息1.创建子模块 e-commerce-nacos-config-client50002…

flutter生成二维码并截图保存到图库

引入库&#xff1a;flutter_screenutil、image_gallery_saver、qr_flutter弹窗布局 import dart:async; import dart:typed_data; import package/generated/l10n.dart; import package:jade/configs/PathConfig.dart; import package:jade/utils/ImageWaterMarkUtil.dart; im…

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

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

杂货铺 | 使用 Github Pages 和 Hexo 搭建自己的独立博客

文章目录 &#x1f4da;Step1&#xff1a;安装Node.js和Git&#x1f4da;Step2&#xff1a;安装并初始化配置Hexo&#x1f4da;Step3&#xff1a;本地查看效果&#x1f4da;Step4&#xff1a;将博客部署到Github Pages上&#x1f407;创建项目代码库&#x1f407;配置SSH密钥&a…

【Postman如何进行接口测试简单详细操作实例】

1、下载Postman postman下载地址&#xff1a;Download Postman | Get Started for Free 2、安装Postman (1)双击下载好的postman-setup.exe文件&#xff0c;进行安装postman工具 (2)安装完成后&#xff0c;在桌面找到并打开postman软件&#xff0c;输入邮箱和密码进行登录&a…

基于SSM大学生健康管理系统的设计与实现

基于SSM大学生健康管理系统的设计与实现 获取源码——》哔站搜&#xff1a;计算机专业毕设大全 获取源码——》哔站搜&#xff1a;计算机专业毕设大全 源码获取——》可以私信

IntelliJ IDEA 2023 for Mac 好用的Java开发工具

IntelliJ IDEA 2023是一款由JetBrains开发的强大的集成开发环境&#xff08;IDE&#xff09;软件&#xff0c;适用于多个编程语言。它旨在提高开发人员的生产力和代码质量&#xff0c;具有以下多种特色功能&#xff1a; 软件下载&#xff1a;IntelliJ IDEA 2023 v2023.3.6中文激…

SQLite版本3中的文件锁定和并发(七)

返回&#xff1a;SQLite—系列文章目录 上一篇&#xff1a;自己编译SQLite或将SQLite移植到新的操作系统&#xff08;六&#xff09; 下一篇&#xff1a;SQLite—系列文章目录 正文&#xff1a; 1.0 SQLite 版本 3 中的文件锁定和并发 SQLite 版本 3.0.0 引入了新的锁…

RIP环境下的MGRE 综合实验

实验题目及要求&#xff1a; 1.R5为ISP&#xff0c;只能进行IP地址配置&#xff0c;其所有地址均配为公有IP地址 2.R1和R5间使用PPP的PAP认证&#xff0c;R5为主认证方; R2于R5之间使用PPP的chap认证&#xff0c;R5为主认证方&#xff1b; R3于R5之间使用HDLC封装。 3.R1/…

【JavaSE】类和对象详解(上)

欢迎关注个人主页&#xff1a;逸狼 创造不易&#xff0c;可以点点赞吗~ 如有错误&#xff0c;欢迎指出~ 目录 类和对象 类的组成 对类的理解 成员变量的访问和类方法的调用 this 抛出一个问题 this的作用 初始化成员变量 未初始化的成员变量 代码举例 就地初始化 构…

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

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

【研发日记】Matlab/Simulink开箱报告(十一)——Requirements Toolbox

目录 前言 Requirements Toolbox 编写需求 需求联接设计 需求跟踪开发进度 追溯性矩阵 分析和应用 总结 前言 见《开箱报告&#xff0c;Simulink Toolbox库模块使用指南&#xff08;六&#xff09;——S-Fuction模块&#xff08;TLC&#xff09;》 见《开箱报告&#x…

25Ramdisk 启动模式简介

Ramdisk 启动模式简介 ramdisk是一种虚拟磁盘技术,我们的PE系统几乎都是使用ramdisk方式从计算机启动的.那么,ramdisk有哪些特点呢? Ramdisk 将内存虚拟为一个磁盘 Ramdisk技术会将你的一部分内存虚拟成一块磁盘分区.使用U盘启动pe系统时,打开pe系统里的文件资源管理器,你会看…

实验三智能手机互联网程序设计(微信程序方向)实验报告

实验目的和要求 请编写下方商品列表页面&#xff0c;展示商品名称和价格&#xff1b; 二、实验步骤与结果&#xff08;给出对应的代码或运行结果截图&#xff09; Index.WXML <view class"shop" wx:for"{{10}}"> <vie…

vue3全局控制Element plus所有组件的文字大小

项目框架vue-右上角有控制全文的文字大小 实现&#xff1a; 只能控制element组件的文字及输入框等大小变化&#xff0c;如果是自行添加div,text, span之类的控制不了。 配置流程 APP.vue 使用element的provide&#xff0c;包含app <el-config-provider :locale"loca…

JavaSE:继承和多态(下篇)

目录 一、前言 二、多态 &#xff08;一&#xff09;多态的概念 &#xff08;二&#xff09;多态实现条件 &#xff08;三&#xff09;多态的优缺点 三、重写 &#xff08;一&#xff09;重写的概念 &#xff08;二&#xff09;重写的规则 &#xff08;三&#xff09;重…

2024年京东云主机租用价格_京东云服务器优惠价格表

2024年京东云服务器优惠价格表&#xff0c;轻量云主机优惠价格5.8元1个月、轻量云主机2C2G3M价格50元一年、196元三年&#xff0c;2C4G5M轻量云主机165元一年&#xff0c;4核8G5M云主机880元一年&#xff0c;游戏联机服务器4C16G配置26元1个月、4C32G价格65元1个月、8核32G费用…