2024年Web前端最新前端基础三之JavaScript基础，音视频学习指南来咯

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

JavaScript

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++){

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

alert(a[i]);

}

1.3.2 判断

格式：

if (布尔表达式){

代码块

}else if(布尔表达式){

代码块

}else{

代码块

}

代码：

var a = 10,b = 10;

if (a==b){

alert(a+b);

}

1.3.3 continue break

和java语言和Python语言一样，continue是跳出当前循环，break是打破循环，进入下一代码块。

1.4 函数

---

1.4.1 定义

函数有两种定义方式，第一种就是万能的var/let/const

let sum1 = function (){

alert(“第一种定义方式”)

}

第二种是funtion关键字：

function sum(){

alert(“第一种定义方式”);

}

当然，这两种定义的方式都是一样的，而调用也是和别的预压一样

1.4.2 参数

和Python函数传参一样，不需要功参数的类型，只需要传递个数

let te1 = function (a,b,c){

alert(“a的值：”+a);

alert(“b的值：”+b);

alert(“c的值：”+c);

}

1.4.3 返回值

使用return关键字来确定返回值

let te2 = function (a,b,c){

return a+b+c;

}

1.5 面向对象

---

JavaScript是一个面向对象的语言

1.5.1 定义

var 对象名 = {};

是的，就是这么的简单

定义对象的属性:

对象名.属性名 = 值;

定义对象的行为（方法，函数）：

对象名.函数名 = function(){

代码块

}

1.5.2 实例

创建一个Person对象，设置name和age属性，设置say方法

var Person = {}

Person.name = “”;

Person.age = 0;

Person.say=function(){

alert(“说话”);

}

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。