console.log(value === ‘false’);
- null vs undefined
null
是一个值,而undefined
不是一个值。null
就像一个空盒子,而undefined
没有盒子。
const fn = (x = ‘默认值’) => console.log(x);
fn(undefined); // 默认值
fn(); // 默认值
fn(null); // null
如果传递null,则不采用默认值,而传递undefined
或不传递任何参数时,采用默认值。
虚值:false
,0
, ""
,null
,undefined
和NaN
。
真值:"Values"
,0"
,{}
,[]
。
如果值不想被改变时,可以使用 const
:
const name = ‘前端小智’;
name = ‘王大冶’; // 报错
const list = [];
list = [1]; // 报错
const obj = {};
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”
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
链图片转存中…(img-Wc2JdkyO-1713433198905)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
[外链图片转存中…(img-MkkKUlqo-1713433198905)]
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽