Web前端最全JavaScript系列--基础语法，为什么前端要采用Binder作为IPC机制

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

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

  

外部JS

路径要写对

注意点

3、注释

---

单行注释

//注释内容

多行注释

/* 注释内容 */

可以看出和Java的注释是一样的

4、数据类型

---

原始数据类型（基本数据类型）

• number：数字/小数/NaN（Not a number：一个不是数字的数字类型）

• string：字符串。字符/字符串 “abc” “a” ‘abc’

• boolean: true和false

• null:一个对象为空的占位符

• undefined:未定义，如果一个变量没给初始化值，则会被默认赋值为undefined

引用数据类型（对象）

5、变量

---

变量：一小块存储数据的内存空间

Java语言是强类型语言，而JS是弱类型

​ 强类型就是定义变量的数据类型，只能存储固定类型的数据

​ 弱类型就是不定义变量的数据类型，可以存放任意类型的数据

6、运算符

---

JS里的运算符和Java中的使用很相似，可以类比进行学习

一元运算符

只有一个运算数的运算符

++ ,-- ,+(正号)

在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换

​ String转number，按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字类型）

var str = +“123”;

document.write(typeof (str)+ “
”);

document.write(str + 1)

结果为

number

124

​ boolean转number：true转为1，false转为0

var flag = +true;

document.write(typeof (flag) + “
”);

document.write(flag);

结果为

number

1

算数运算符

​ + - * / %

比较简单，看例子

var a = 3;

var b = 5;

document.write(a+b+ “
”);

document.write(a-b+ “
”);

document.write(a*b+ “
”);

document.write(a/b+ “
”);

document.write(a%b+ “
”);

8

-2

15

0.6

3

赋值运算符

= += -+

和Java一致，不在演示，会在后面的实例中用到

比较运算符

> < >= <= == ===(全等于)

比较方式：

​ 类型相同：直接比较

​ 类型不同，先转换后比较

document.write((2 > 6) + “
”);

document.write((“4” < 6) + “
”);

document.write((“abc” > “abd”) + “
”);

document.write((“123” === 123) + “
”);

false

true

false

false

字符跟字符比较是按照字典排序进行比的谁在后面谁大

这里着重提下===，全等于，在比较之前，先判断类型，如果类型不一样直接返回false

逻辑运算符

&& || ！

类比java中的用法

三元运算符

? :

判断表达式的值，如果为true返回1，为false返回0

特殊语法

JS代码可以不带分号也可以执行

定义变量的时候，加var的是局部变量，不加var的是全局变量

7、流程控制语句

---

if…else…

和java一样

switch

在java中，switch可以接受的数据类型：byte、int、shor，枚举，String（1.7）

在JS中，switch可以接受任意类型

a=什么，网页就弹出什么

最后更多分享：前端字节跳动真题解析

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

• 

tch (a) {

case 1:

alert(“number”);

break;

case “abc”:

alert(“String”);

break;

case true:

alert(true);

break;

case null:

alert(“null”);

break;

case undefined:

alert(“undefined”);

break;

}

a=什么，网页就弹出什么

最后更多分享：前端字节跳动真题解析

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

• [外链图片转存中…(img-9K30ctBa-1715172215090)]