Web前端最全javascript从入门到高级，每天不停更新知识点（2天）(1)，总结拼多多美团Web前端面试经验

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代码调试

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

  

var age = prompt(‘您的年龄是’)//prompt输出的是字符串型

console.log(parseInt(age));//字符串转换成数字型

console.log(parseFloat(age));//字符串转换成浮点型

console.log(parseInt(‘13px’));//13会去掉px单位

console.log(parseInt(‘1.3’));//1取整

console.log(parseInt(‘1.6’));//1取整

3.计算年龄的案例：

==========

var year = prompt(‘您的出生年份是？’);

var age =2021 - year;

alert(‘您今年的年龄是’+ age +‘’);

4.两个值做加法运算：

===========

var one =prompt(‘请您输入第一个值’);

var two = prompt(‘请您输入第二个值’);

var result = parseFloat(one)+parseFloat(two);

alert(‘计算的结果是’ +result +‘’);

5.算术运算符

=======

5.1前置自增运算符 ++写在变量的前面（先加1 后返回值）

---

var age = 10;

++age ; age =age+1;

console.log(age);

5.2后置自增运算符 ++写在变量的后面（先返回值后加1）

---

var age = 10;

age++;

console.log(age);

5.3前置自增和后置自增在单独使用时结果都是一样的，但是用于表达式就不一样。

---

var e = 10 ;

var f = e++ + ++e; //e++=10 e=10+1; ++e =12;

console.log(f);//f=22

6.比较运算符：

========

6.1程序里面的等于符号是== 默认转换数据类型 会把字符串型的数据转换为数值型 只要求值相等就行

---

console.log(3==3);//true

console.log(3==‘3’);//true

6.2程序里面有全等 一模一样 要求两侧的值 还有数据类型完全一致才可以 true

---

7.逻辑运算符：

========

7.1 逻辑与 && and 两侧都是true 结果才是true。只要有一侧是false 结果就是false。

---

console.log(3>2 && 2>1)；//true

7.2 逻辑或 || 两边都为false 才返回false 否则都为true。

---

8.赋值运算符：

========

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

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

l之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

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

[外链图片转存中…(img-8snGDD91-1715855847083)]

[外链图片转存中…(img-QaQKPg2O-1715855847084)]