2024年Web前端最新js基础（二）：数据类型和变量(1)，2024年最新web前端工程师面试题库

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

变量的初始化

声明一个变量并赋值， 我们称之为变量的初始化

var num = 10;//声明变量并赋值为10

声明变量特殊情况

| 情况 | 说明 | 结果 |

| — | — | — |

| var  age ; console.log (age); | 只声明 不赋值 | undefined |

| console.log(age) | 不声明 不赋值  直接使用 | 报错 |

| age   = 10; console.log (age); | 不声明   只赋值 | 10 |

变量命名规范

数据类型

---

分为两类：简单数据类型(Number,String,Boolean,Undefined,Null)和复杂数据类型(object)。

| 简单数据类型 | 说明 | 默认值 |

| — | — | — |

| Number | 数字型,包含整型值和浮点型值 | 0 |

| String | 字符串型 | “” |

| Boolean | 布尔值型 | false |

| Undefined | var a;声明了变量a但是没有赋值，此时a = undefined | undefined |

| Null | var a = null;声明了变量a为空值 | null |

Number数字型：

数字型进制：

// 1.在JS中八进制前面加0，十六进制前面加 0x

var num1 = 07; // 对应十进制的7

// 2.十六进制数字序列范围：0_9以及AF

var num = 0xA;

数字型范围：

JavaScript中的数值有最大值和最小值

• 最大值:Number.MAX_VALUE，值为：1.7976931348623157e+308

• 最小值:Number.MIN_VALUE，值为：5e-32

• 特殊值：Infinity 无穷大 -Infinity 无穷小 NaN 代表一个非数字

• isNaN():用来判断一个变量是否为非数字的类型。非数字型为true,数字型为false

String字符串型 ：

// 1.字符串型可以是引号中的任意文本，语法为 单引号 和 双引号

var msg = ‘我的名字叫’;

var name = “fan”;

字符串转义符：

| 转义符 | 说明 |

| — | — |

| \n | 换行符，n是 newline 的意思 |

| \\ | 斜杆 \ |

| \’ | 单引号 ‘ |

| \" | 双引号 " |

| \t | tab 缩进 |

| \b | 空格,b是 blank 的意思 |

字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度。

// 1.字符串型可以是引号中的任意文本，语法为 单引号 和 双引号

var msg = ‘我是帅气的程序员’;

console.log(msg.length); // 显示 8

字符串拼接：

• 多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串。

• 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

//1.1 字符串 “相加”

alert(‘hello’ + ’ ’ + ‘world’); // hello world

//1.2 数值字符串 “相加”

alert(‘100’ + ‘100’); // 100100

//1.3 数值字符串 + 数值

alert(‘11’ + 12); // 1112 +号口诀：数值相加，字符相连

// 1.4 字符串拼接加强

var age = 18;

alert(“程序员今年” + age +“岁了”);

布尔型Boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0 。

console.log(true + 1) // 2

console.log(false + 1) // 1

Undefined 和 Null

一个变量声明后没有赋值会有一个默认值undefined(如果相连或者相加时，注意结果

var variable;

console.log(variable); // undefined

console.log(“你好” + variable); // 你好undefined

console.log(11 + variable); // NaN

console.log(true + variable);// NaN

一个变量声明并赋值null,里面存的值为空

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

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

作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

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

[外链图片转存中…(img-dmGayEVU-1715425376457)]

[外链图片转存中…(img-OfsCL1EJ-1715425376458)]