JS新手入门笔记整理:JS语法基础

变量与常量

变量

语法

var 变量名=值;

1、在JavaScript中,给一个变量命名,需要遵循以下2个方面的原则:

  • 变量由字母、下划线、$或数字组成,并且第一个字母必须是字母、下划线或$。
  • 变量不能是系统关键字和保留字。

2、变量的命名一定要区分大小写,如变量“age”与变量“Age”在JavaScript中是两个不同的变量。

3、在JavaScript中,如果想要使用一个变量,一般需要两步:

  • 第1步,变量的声明。
  • 第2步,变量的赋值。

4、所有JavaScript变量都由var声明,一个var也可以同时声明多个变量名,其中,变量名之间必须用英文逗号(,)隔开。

var a=10,b=20,c=30;

5、变量的值在程序运行过程中是可以改变的。


常量

1、在JavaScript中,常量指的是一个不能改变的量。也就是说,常量的值从定义开始就是固定的,一直到程序结束都不会改变。

2、一般情况下,常量名全部采用大写形式,这样一看就知道这个值很特殊,有特殊用途,如var DEBUG = 1。


数据类型

数据类型,指的是变量的“值”的类型。在JavaScript中,数据类型可以分为两种:一种是“基本数据类型”,另外一种是“引用数据类型”。其中,基本数据类型只有一个值,而引用数据类型可以含有多个值。

在JavaScript中,基本数据类型有5种:数字、字符串、布尔值、未定义值和空值。常见的引用数据类型只有一种:对象(数组也是属于对象的一种)。

数字

  • 数字是最基本的数据类型,指的是数学上的数字,如10、-10、3.14等。
  • JavaScript中的数字是不区分“整型(int)”和“浮点型(float)”的。

字符串

  • 字符串就是一串字符。在JavaScript中,字符串都是用英文单引号或英文双引号(注意都是英文)括起来的。
  • 在用单引号括起来的字符串中,不能含有单引号,只能含有双引号。同样的道理,在用双引号括起来的字符串中,也不能含有双引号,只能含有单引号。
  • 如果给数字加上双引号,JavaScript会把这个数字当作“字符串”来处理,而不是当作“数字”来处理。

布尔值

  • 布尔类型的值只有两个:true和false。true表示“真”,false表示“假”。
  • 布尔值最大的用途:选择结构的条件判断。

未定义值

  • 未定义值指的是一个变量虽然已经用var声明了,但是并没有对这个变量进行赋值,此时该变量的值就是“未定义值”。其中,未定义值用undefined表示。

空值

数字、字符串等数据在定义的时候,系统都会分配一定的内存空间。在JavaScript中,空值用null表示。如果一个变量的值等于null,如“var n = null”,则表示系统没有给这个变量n分配内存空间。


运算符

运算符指的是“变量”或“值”进行运算操作的符号。


算术运算符

运算符

说明

举例

+

10+5 //返回15

-

10-5 //返回5

*

10*5 //返回50

/

10/5 //返回2

%

求余

10%4 //返回2

++

自增

var i=10;i++; //返回11

--

自减

var i=10;i--; //返回9


赋值运算符

赋值运算符用于将右边的表达式的值保存到左边的变量中。

运算符

举例

=

var a=“b”

+=

var a+=b;等价于var a=a+b;

-=

var a-=b; 等价于var a=a-b;

*=

var a*=b; 等价于var a=a*b;

/=

var a/=b; 等价于var a=a/b;


比较运算符

比较运算符用于将运算符两边的值或表达式进行比较,如果比较的结果是对的,则返回true;如果比较的结果是错的,则返回false。

运算符

说明

举例

>

大于

2>1 //返回true

<

小于

2<1 //返回false

>=

大于等于

2≥2 //返回true

<=

小于等于

2≤2 //返回true

==

等于

1==2 //返回false

!=

不等于

1!=2 //返回true

等号(=)是赋值运算符,用于将右边的值赋值给左边的变量。双等号(==)是比较运算符,用于比较左右两边的值是否相等。


逻辑运算符

逻辑运算符用于执行“布尔值的运算”,通常和比较运算符结合在一起使用。

运算符

说明

结果

&&

“与”运算

  • 真 && 真 → 真
  • 真 && 假 → 假
  • 假 && 真 → 假
  • 假 && 假 → 假

||

“或”运算

  • 真 || 真 → 真
  • 真 || 假 → 真
  • 假 || 真 → 真
  • 假 || 假 → 假

!

“非”运算

  • !真→假
  • !假→真

条件运算符

条件运算符,也叫作“三目运算符”。在JavaScript中,条件运算符用英文问号(?)表示。

语法

var a=条件 ? 表达式1 :表达式2;

当条件为true时,选择的是“表达式1”,也就是“var a = 表达式1”;当条件为false时,选择的是“表达式2”,也就是“var a = 表达式2”。注意,a只是一个变量名。


表达式与语句

一个表达式包含“操作数”和“操作符”两部分。操作数可以是变量,也可以是常量。操作符指的就是我们之前学的运算符。每一个表达式都会产生一个值。

语句,用英文分号(;)分开的代码。一般情况下,一个分号对应一个语句。

“1+2”是一个表达式,而整一句代码“var a=1+2;”就是一个语句。


数据类型转换

  • 隐式类型转换,指的是JavaScript自动进行的类型转换。
  • 显式类型转换,指的是需要我们手动用代码强制进行的类型转换。

“字符串”转换为“数字”

Number( )

将任何“数字型字符串”转换为数字,如“123"和“3.1415",

parseInt( )

parseFloat( )

  • 可以提取“首字母为数字的任意字符串”中的数字,
  • parseInt( )会提取整数部分,
  • parseFloat( )不仅会提取整数部分,还会提取小数部分。

  • NaN指的是“Not a Number(非数字)”。
  • Number( )方法只能将纯“数字型字符串”转换为数字,不能将其他字符串(即使字符串内有数字字符)转换为数字。
  • parseInt( )和parseFloat( )都是从字符串第1个字符从左到右开始判断。如果第1个字符是数字,则继续判断,直到出现除了数字和小数点之外的字符为止;如果第1个字符是非数字,则直接返回NaN。
  • 首字母是+、-或数字的字符串中,parseInt( )和parseFloat( )也可以转换。

“数字”转换为“字符串”

与空字符串相加

数字和字符串相加,系统会将数字转换成字符串。

toString( )

直接将数字转换成字符串。

  • 很少使用toString( )方法,使用更多的是隐式类型转换的方式(也就是直接跟一个字符串相加)。

转义字符

在默认情况下,某些字符在浏览器是无法显示的,为了能够让这些字符能够显示出来,可以使用这些字符对应的转义字符来代替。

转义字符

说明

\'

英文单引号

\"

英文双引号

\n

换行符

  • 如果是在document.write( )中换行,则应该用<br/>。
  • 如果是在alert( )中换行,则应该用\n。

注释

单行注释

//单行注释

多行注释

/*多行注释*/

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

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

相关文章

生成式AI:开发效率的提升者

文章目录 摘要引言应用方向应用示例1. 自动化代码生成2. 智能样式生成3. 自动化测试与调试 总结&#x1f636; 写在结尾 摘要 生成式AI作为一种新兴技术&#xff0c;正在迅速改变软件开发的方式。通过自动化和优化开发流程&#xff0c;它可以帮助开发人员更快地生成代码、测试…

计算机毕业设计-----ssm ERP报销系统

项目介绍 ssm ERP报销系统。主要分4个角色&#xff0c;总经理、部门经理、财务、普通员工&#xff0c;普通员工填写报销单后需要提交给部门经理审核&#xff0c;再由财务支付&#xff0c;如果金额大于5000&#xff0c;还需要总经理审核。 总经理拥有 部门管理 和 员工管理 功…

系列十一、(一)Sentinel简介

一、Sentinel简介 1.1、官网 【英文文档】 https://github.com/alibaba/Sentinel/wiki【中文文档】 https://github.com/alibaba/Sentinel/wiki/%E4%B8%BB%E9%A1%B5 1.2、概述 1.3、功能

工具网站DefiLlama全攻略:从零学习链上数据使用与发现

DefiLlama 是一个 DeFi(去中心化金融)信息聚合器,其主要功能是提供各种 DeFi 平台的准确、全面数据。DefiLlama 致力于在不受广告或赞助内容影响的情况下为用户提供这些数据,以确保信息内容的透明度和公正性,该平台聚合来自多个区块链的数据,让用户能够全面了解 DeFi 格局…

[LitCTF 2023]这是什么?SQL !注一下 !

[LitCTF 2023]这是什么&#xff1f;SQL &#xff01;注一下 &#xff01; wp 题目描述&#xff1a;为了安全起见多带了几个套罢了o(▽)q 页面内容&#xff08;往下滑&#xff09;&#xff1a; SQL 语句已给出&#xff0c;无非是更换了闭合方式。 先输个 1 试试&#xff1a; …

邮件群发哪个好用?外贸邮件群发软件推荐?

邮件群发软件如何选择&#xff1f;有哪些高效群发邮件的平台&#xff1f; 邮件群发已成为企业与潜在客户、现有客户保持联系的重要手段。成为企业和个人进行营销、宣传和通讯的重要手段。那么&#xff0c;在众多邮件群发工具中&#xff0c;究竟哪个最好用呢&#xff1f;蜂邮ED…

Excel如何将单元格设为文本

文章目录 一、打开excel文件二、选中单元格三、右键设置单元格格式四、设置界面选择文本后点确定五、其他问题 在caa开发过程中遇到从CATUnicodeString转成CString时&#xff0c;通过SetItemText写入将ID号写入单元格&#xff0c;无法保存ID号中的数字0&#xff0c;故将单元格格…

k Nearest Neighbour(KNN)建模

目录 介绍&#xff1a; 一、建模 二、调参 2.1手动调参 2.2 GridSearchCV调参 2.3RandomizedSearchCV调参 介绍&#xff1a; K最近邻&#xff08;K-Nearest Neighbors&#xff0c;KNN&#xff09;是一种基本的分类和回归算法。它的基本思想是对未知样本进行预测时&#…

VM中安装Linux以及Win系统

目录 准备条件 安装RHEL9.3 步骤一&#xff1a;按照图片进行操作 步骤二&#xff1a;选择配置方式 步骤三&#xff1a;选择虚拟芯片 步骤四&#xff1a;安装镜像 步骤五&#xff1a;选择操作系统 步骤六&#xff1a;名字以及存储位置 步骤七&#xff1a;配置虚拟机参数…

Spring的依赖注入(DI)

1.DI 概述&#xff1a;DI&#xff08;Dependency Injection&#xff09;依赖注入&#xff0c;在Spring创建对象的同时&#xff0c;为其属性赋值&#xff0c;称之为依赖注入。 1.1构造函数注入 顾名思义&#xff0c;就是使用类中的构造函数&#xff0c;给成员变量赋值。注意&…

FreeRTOS——软件定时器知识总结及其实战

1.软件定时器概念 是指具有定时功能的软件&#xff0c;可设置定时周期&#xff0c;当指定时间到达后要调用回调函数&#xff08;也称超时函数&#xff09;&#xff0c;用户在回调函数中处理信息。 2 软件定时器使用特点 1&#xff09;如果要使能软件定时器&#xff0c;需将c…

防浪涌TVS:电子设备的保护盾?|深圳比创达电子

在电子设备日益普及的今天&#xff0c;我们经常会听到设备因电压波动或突发浪涌而损坏的情况。那么&#xff0c;有没有一种方式可以保护我们的设备免受这些意外伤害&#xff1f;答案就是“防浪涌TVS(Transient Voltage Suppressor)”。但它是什么&#xff1f;它如何工作&#x…