前端基础三之JavaScript基础，2024年最新前端面试攻略

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

• 1.3.3 continue break

• 1.4 函数

• • 1.4.1 定义

• 1.4.2 参数

• 1.4.3 返回值

• 1.5 面向对象

• • 1.5.1 定义

• 1.5.2 实例

• 结语

题外话

==================================================================

📢 博客主页：❤布小禅❤

📢 作者专栏：

❤Python❤

❤Java❤

前言

=================================================================

身为一个合格的后端开发人员

前端的基础知识也是需要了解的

1. JavaScript基础

===============================================================================

JavaScript是一门网络脚本语言，他非常流行，你可能不使用它，但是你不能否认他的强大！

1.1 JavaScript介绍

---

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言，在你使用它之前，你无需像java，Python一样下载某个版本的jdk或者Python，你只需要在你的电脑上有浏览器，你就可以使用JavaScript语言。

JavaScript 是可插入 HTML 页面的编程代码，你可以像插入css一样插入js代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 很容易学习。

1.2 基础语法

---

任何一种语言都有他的基础语法，而每个语言的语法也都不一样，但是都大同小异

1.2.1 Hello World

使用JavaScript输出Hello World

1. 通过内部嵌入js代码实现

2. 通过调用外部js文件

js代码：

alert(“World”);

如果既想嵌入js,又想引入外部文件怎么办呢?

那就写两个script标签

1.2.2 注释

js的注释和java的注释是相同的

//表示单行注释

/**/表示多行注释

就不做演示了

1.2.3 变量

不同于java的类型 变量名 = 值;/类型 变量名;一个声明加定义，一个声明

也不同于Python 的变量名=值

js的任何一个数据类型都可以需要使用var关键字来声明，但是声明的类型却是可以任意赋值，不像java有类型显示，js的var既可以声明数据类型，也可以声明函数，类等

var i;

i=1;

alert(i+"： "+typeof (i)); // number

i=“asa”;

alert(i+"： "+typeof (i)); // string

i=1.1;

alert(i+"： "+typeof (i)); // number

i=true

alert(i+"： "+typeof (i)); // boolean

i=‘a’;

alert(i+"： "+typeof (i)); // string

var一般使用在var i = 1;这样的时候，而先声明，有一个let关键字

当然使用var也是不会错的

就像这样：

let i;

i=1;

三个关键字：var、let、const

| 关键字 | 先声明 | 声明且定义 |

| :-: | :-: | :-: |

| var | √ | √ |

| let | √ | √ |

| const | × | √ |

1.2.4 数据类型

所有数字都是：number类型（1、1.1）

var a = 1;

typeof(a); //number

所有字符，字符串都是：string类型（“as”，‘sa’）

var b = “撒飒飒”;

typeof(b); //string

true和false是：boolean类型（true,false）

var c = true;

typeof©; //boolean

未被定义的变量是：undefind类型

let d;

typeof©; //undefind

不是数字数值的是：NAN类型（‘a’*1）

var e=10,f=“aa”;

alert(e*f); //NAN

当然还有数组，函数，类类型

1.3 条件控制语句

---

1.3.1 循环

1. while循环

与C语言，java语言循环一样的格式

var a = “abcdefgh”; //定义一个字符串

var b = 0; //定义一个循环变量

while(b<a.length){

alert(a[b]); //输出

b++; // 循环变量更新，不更新会变成死循环

}

2. for循环

格式相同，只是循环变量的格式为var/let/const

var a = “abcdefgh”; //定义一个字符串

for(var i=0;i<a.length;i++){

// 循环变量的定义和更新在括号里

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
defgh"; //定义一个字符串

for(var i=0;i<a.length;i++){

// 循环变量的定义和更新在括号里

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-17Z7jZsl-1713474438704)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-2K468oMb-1713474438704)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！