2024年最新JavaScript入门基础，80后程序员月薪30K+感慨中年危机

分享

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

Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

String类型

单引号或双引号扩起来的字符集合。

Boolean类型

该类型只有两个值，true和false。

Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

Null类型

Null类型被看做空对象指针，Null类型也是空的对象引用。

三大引用类型

---

Object类型

我们看到的大多数类型值都是Object类型的实例，创建Object实例的方式有两种。

第一种是使用new操作符后跟Object构造函数，如下所示

var person = new Object();

person.name = “Micheal”;

person.age = 24;

第二种方式是使用对象字面量表示法，如下所示

var person = {

name : “Micheal”,

age : 24

};

alert(person.name);

Array类型

数组的每一项可以用来保存任何类型的数据，也就是说，可以用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象…另外，数组的大小是可以动态调整的。

创建数组的基本方式有两种

第一种是使用Array构造函数，如下所示

var colors = new Array(“red”,“blue”,“yellow”);

第二种是使用数组字面量表示法，如下所示

var colors = [“red”,“blue”,“yellow”];

Function类型

每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。函数通常是使用函数声明语法定义的，如下所示

function sum(num1,num2){

return num1 + num2;

};

这和使用函数表达式定义函数的方式相差无几。

var sum = function (num1,num2){

return num1 + num2;

};

var result = sum(5,8); alert(result);

typeof 操作符

---

由于js中的变量是弱类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字。

typeof 123　　 //Number

typeof ‘abc’　　//String

typeof true //Boolean

typeof undefined //Undefined

typeof null //Object

typeof { } //Object

typeof [ ] //Object

js编写的位置

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

**1.将JS代码编写到script标签中：

<script > 写这里</script>

2.还可以将JS代码编写到外部的js文件中，然后通过script标签来引入外部的文件

3.可以将JS代码编写到标签的指定属性中（不推荐使用）**

样例代码：

点这里

再点这里

效果动态图：

js的三种输出方式

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

/*

控制浏览器弹出一个提示框

*/

alert(“Hello JavaScript”);

/*

控制浏览器在页面中输出一个内容

document.write()向body中写一个内容

*/

JavaScript

• js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

• 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

• Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

• JS常见的dom操作api

• 解释一下事件冒泡和事件捕获

• 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

• 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

• this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

• call，apply，bind

• 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

• 创建对象的多种方式

• 实现继承的多种方式和优缺点

• new 一个对象具体做了什么

• 手写Ajax，XMLHttpRequest

• 变量提升

• 举例说明一个匿名函数的典型用例

• 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

• attribute和property的区别

• document load和document DOMContentLoaded两个事件的区别

• JS代码调试

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