前端基础三之JavaScript基础

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

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

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 函数

---

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处即可获取！！！。

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

[外链图片转存中…(img-uvfDFcF6-1711681947741)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

[外链图片转存中…(img-4ejEtCWW-1711681947741)]

[外链图片转存中…(img-sbVAZJhu-1711681947742)]

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的JavaScript面试题文档，或更多前端资料可以点此处即可获取！！！。