JavaScript学习2：变量、数据类型、运算符、分支、循环_分支循环在javascript语法基础里的位置-优快云博客

本文链接：https://blog.youkuaiyun.com/2401_84412194/article/details/138925570

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5

文章目录

- JavaScript学习2：变量、数据类型、运算符、分支、循环
  - - 一、变量

一、变量

1. 变量概述

变量是用于存放数据的容器
本质：变量是程序在内存中申请的一块用来存放数据的空间
标识符、关键字、保留字：
在这里插入图片描述

2. 变量的使用

1.声明变量 var age；
2.赋值 age=18；
变量的初始化（声明并赋值）：var age=18；

3. 变量的语法扩展

更新变量：一个变量被覆盖之后，以最后一个值为准
声明多个变量：
var age = 18,
address = ‘guangzhou’;
声明变量特殊情况：
在这里插入图片描述
**注意：**js是逐句解释执行的，因此遇到报错后面不再执行

4. 变量的命名规范

在这里插入图片描述
不要使用name作为变量名，在浏览器中有特殊的含义

二、数据类型

1. 数据类型简介

与其他编程语言不一样的地方！！！！
JavaScript的变量数据类型在执行该行代码时根据具体的赋值来确定的（和java中的 int age 就确定是整型不同）。
在这里插入图片描述
变量的数据类型是可变的**（动态的）**

JS把数据类型分为两类：

简单数据类型（Number、String、Boolean、Undefined、Null）
复杂数据类型（Object）

2. 简单数据类型

在这里插入图片描述
注意：
① 数值型Number

数字型包括整型和浮点型，可以赋值八进制（前面加0）、十六进制（前面加0x）
js中的数值最大最小值：
数字型的三个特殊值：
isNaN()：判断是否为非数值
isNaN(12)——>false
isNaN(‘VIVIAN’)——>true

② 字符型String

引号的使用：外单内双，外双内单
转义符：
字符串长度：str.length
字符串拼接：字符串+任何类型=拼接后新的字符串数值相加，字符相连

布尔型：true相当于1，false相当于0
undefined：undefined+‘vivian’=undefinedvivian ; undefined + 1=NaN
null：null+‘vivian’=nullvivian ; null+1=1

获取变量的数据类型
var age = 10;
typeof age ——>number

3. 数据类型转换

①转换为字符串
str = num.toString()
str = String(num)
str = num+’’（隐式转换）

②转换为数字型（重点）
parseInt(str)：例如 parseInt(‘3.94’) = 3 ; parseInt(‘120px’) = 120（特殊的以数字开头截掉后面字母）
parseFloat(str)
Number(str)
利用算数运算- * / 隐式转换：‘12’ -0 = 12 ; ‘123’ - ‘120’ =3

③转换为布尔型
Boolean(str)：str为 ‘’、0、NaN、null、undefined时结果为false 否则为true

三、运算符

算数运算符：+ - * / %（取模/取余）
注意尽量不用浮点数来运算和比较，会有精度误差
递增和递减运算符：
前置：++num、–num 先加（减）后返回值
后置：num++、num-- 先返回原值后加（减）例如：var age = 10；age++ +10 返回20

        var e = 10;
        var f = e++ + ++e;
        console.log(f); //f的值是22

比较运算符：<、>、>=、<=、==(默认转换数据类型)、!= 、= = =(全等)、！= =
区别’18’ = = 18 返回true ， ‘18’ = = = 18 返回false
逻辑运算符：&&、||、！
短路运算原理(逻辑中断)：当有多个表达式（值）时，左边的表达式可以确定结果时，就不再继续运算右边表达式的值。
例如： 123&&456 返回456 ， 0&&456 返回0
123||456 返回123，0||456 返回456

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我特地针对初学者整理一套前端学习资料

前端路线图

vue.js的36个技巧

最新讲解视频】](https://bbs.youkuaiyun.com/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

我特地针对初学者整理一套前端学习资料

[外链图片转存中…(img-NbukO3BA-1715782547637)]

[外链图片转存中…(img-Ts9xKhvX-1715782547637)]