读者福利
========
由于篇幅过长,就不展示所有面试题了,想要完整面试题目的朋友(另有小编自己整理的2024大厂高频面试题及答案附赠)
![]()
![]()
case value1:
statement
break;
case value2:
statement
break;
case value3:
statement
break;
case value4:
statement
break;
default:
statement
}
这里的每个 case(条件/分支)相当于:“如果表达式等于后面的值,则执行下面的语句。”break关键字会导致代码执行跳出 switch 语句。如果没有 break,则代码会继续匹配下一个条件。default关键字用于在任何条件都没有满足时指定默认执行的语句(相当于 else 语句)。
注意事项:switch 语句在比较每个条件的值时会使用全等操作符,因此不会强制转换数据类型(比如,字符串"10"不等于数值 10)。
3. while 语句:
while(expression) statement
只要(expression)条件成立就会执行statement
4. do-while 语句:
do {
statement
} while (expression);
先在statement里执行一次,再在(expression)判断一下是否继续循环
5. for 语句
for (initialization; expression; post-loop-expression) statement
initialization是初始化值,expression是表达式判断是否继续循环的条件,post-loop-expression是继续循环后值该怎么变化递增还是递减,statement是进入循环执行程序。推荐使用let 声明迭代器变量,这样就可以将这个变量的作用域限定在循环中。
6. for-in 语句
for (property in expression) statement
expression相当于一个对象,property 相对于对象中的对象属性,对象把所有对象属性都被枚举一边,为了确保这个局部变量不被修改,推荐使用 const。如果 for-in 循环要迭代的变量是 null 或 undefined,则不执行循环体。
7. for-of 语句
for (property of expression) statement
expression相当于一个集合,property 相当于集合中的一个元素,集合把所有元素都所有元素都迭代完。为了确保这个局部变量不被修改,推荐使用 const。
8. for-await-of 语句
for await (property of expression) statement
只适用于异步可迭代,expression相当于一个集合,property 相当于集合中的一个元素,集合把所有元素都所有元素都迭代完。为了确保这个局部变量不被修改,推荐使用 const。
9. 标签语句
label: statement
label相当于给statement打上一个标签,可以在后面通过 break 或 continue 语句引用。标签语句的典型应用场景是嵌套循环。
10. break 和 continue 语句
break 和 continue 语句为执行循环代码提供了更严格的控制手段。break 语句用于立即退出循环,强制执行循环后的下一条语句。而 continue 语句也用于立即退出循环,但会再次从循环顶部开始执行。这些尽量不要嵌入循环太深。容易出错
11. ”with 语句“
with (expression) statement;
expression相当于一个对象,在statement操作对象中的属性,不用通过对象获取属性,只要写下他的属性默认都是在这个对象中,就是将代码作用域设置为特定的对象
// 未使用with
let hostName = location.hostname;
let url = location.href;
学习笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML/CSS
**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分
**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式
HTML5 /CSS3
**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串