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代码调试
-
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
obj = { name: ‘前端小智’ }; // 报错
但用 const 声明的引用类型,它里面值是可以被更改的:
const list = [];
list.push(1); // 可以工作
list[0] = 2; // 可以工作
const obj = {};
obj[‘name’] = ‘前端小智’; // 可以工作
// 双等号 - 将两个操作数转换为相同类型,再比较
console.log(0 == ‘o’); // true
// 三等号 - 不转换为相同类型
console.log(0 === ‘0’); // false
function downloadData(url, resourceId, searchTest, pageNo, limit) {}
downloadData(…); // need to remember the order
更简单的方法
function downloadData(
{ url, resourceId, searchTest, pageNo, limit } = {}
) {}
downloadData(
{ resourceId: 2, url: “/posts”, searchText: “WebDev” }
);
const func = function() {
console.log(‘a’);
return 5;
};
func();
可以改写成
const func = () => (console.log(‘a’), 5);
func();
const getState = (name) => ({name, message: ‘Hi’});
const set = new Set([1, 2, 1, 4, 5, 6, 7, 1, 2, 4]);
console.log(set); // Set(6) {1, 2, 4, 5, 6, 7}
set.map((num) => num * num); // TypeError: set.map is not a function
转换为数组
const arr = […set]
const arr = [1, 2, 3];
console.log(typeof arr); // object
console.log(Array.isArray(arr)); // true
cosnt obj = {
name: “前端小智”,
age: 16,
address: “厦门”,
profession: “前端开发”,
};
console.log(Object.keys(obj)); // name, age, address, profession
const height = 0;
console.log(height || 100); // 100
console.log(height ?? 100); // 0
这个 ??
的意思是,如果 ??
左边的值是 null
或者 undefined
,那么就返回右边的值。
map()
方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
const numList = [1, 2, 3];
const square = (num) => {
return num * num
}
const squares = numList.map(square);
console.log(squares); // [1, 4, 9]
const getData = async () => {
try {
setLoading(true);
const response = await fetch(
“https://jsonplaceholder.typicode.com/posts”
);
const data = await response.json();
setData(data);
} catch (error) {
console.log(error);
setToastMessage(error);
} finally {
setLoading(false); // 不管是否报错,最后都会执行
}
};
getData();
const response = {
msg: “success”,
tags: [“programming”, “javascript”, “computer”],
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
前端视频资料:
ccess",
tags: [“programming”, “javascript”, “computer”],
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
[外链图片转存中…(img-kHnQZBd1-1715692125006)]
前端视频资料:
[外链图片转存中…(img-Y3CEjGJZ-1715692125007)]