最后
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
分享一些前端面试题以及学习路线给大家
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
github 地址：https://github.com/qq449245884/vue-okr-tree
变量无处不在，即使我们在写一个小的函数，或者一个应用程序:我们总是先声明，分配和使用变量。编写好的变量可提高代码的可读性和易维护性。
在本文中，主要介绍 5种有关在 JavaScript 中声明和使用变量的最佳做法。
我使用const或let声明变量，两者之间的主要区别是const变量需要一个初始值，并且一旦初始化就无法重新分配其值。
另一方面，let声明不需要初始值，我们可以多次重新分配其值。
// const 需要初始化
const pi = 3.14;
// 不能重新分配const
pi = 4.89; // throws “TypeError: Assignment to constant variable”
另一方面，let声明不需要初始值，我们可以多次重新分配其值。
// let 初始化是可选的
let result;
// let can be reassigned
result = 14;
result = result * 2;
选择变量的声明类型时的一个好习惯是首选const，否则使用let。
function myBigFunction(param1, param2) {
/* lots of stuff… */
const result = otherFunction(param1);
/* lots of stuff… */
return something;
}
例如，如果我们正在查看函数体，并看到const result = ...声明：
function myBigFunction(param1, param2) {
/* lots of stuff… */
const result = otherFunction(param1);
/* lots of stuff… */
return something;
}
不知道myBigFunction()内部会发生什么， 我们可以得出结论，result 变量只分配了一次，声明之后是只读的。
在其他情况下，如果必须在执行过程中多次重新分配变量，则可以使用let声明。
变量存在于它们所创建的作用域内。代码块和函数体为const和let变量创建一个作用域。提高变量可读性的一个好习惯是将变量保持在最小作用域内。
例如，以下函数是二进制搜索算法的实现：
function binarySearch(array, search) {
let middle;
let middleItem;
let left = 0;
let right = array.length - 1;
while(left <= right) {
middle = Math.floor((left + right) / 2);
middleItem = array[middle];
if (middleItem === search) {
return true;
}
if (middleItem < search) {
left = middle + 1;
} else {
right = middle - 1;
}
}
return false;
}
binarySearch([2, 5, 7, 9], 7); // => true
binarySearch([2, 5, 7, 9], 1); // => false
middle和middleItem变量在函数体的开头声明。因此，这些变量在binarySearch()函数体创建的整个作用域内都是可用的。
middle变量保留二进制搜索的中间索引，而middleItem变量保留二进制搜索的中间索引。
但是，middle和middleItem变量只在while循环代码块中使用。所以为什么不直接在while代码块中声明这些变量呢?
function binarySearch(array, search) {
let left = 0;
let right = array.length - 1;
while(left <= right) {
const middle = Math.floor((left + right) / 2);
const middleItem = array[middle];
if (middleItem === search) {
return true;
}
if (middleItem < search) {
left = middle + 1;
} else {
right = middle - 1;
}
}
return false;
}
现在，middle和middleItem变量仅存在于使用变量的作用域。 他们的生命周期和生命周期极短，因此更容易推断其作用。
我强烈希望在函数主体的顶部声明所有变量，尤其是在函数较大的情况下。 不幸的是，这种做法的缺点是使我在函数中使用的意图变量变得混乱。
尽量在接近使用位置的地方声明变量。这样，我们就不用猜了:嘿，我看到了这里声明的变量，但是它在哪里被使用了。
假设我们有一个函数，该函数的主体中包含很多语句。 我们可以在函数的开头声明并初始化变量结果，但是只能在return语句中使用result：
function myBigFunction(param1, param2) {
const result = otherFunction(param1);
let something;
/*
- calculate something…
*/
return something + result;
}
问题在于result 变量在开头声明，但仅在结尾使用，没有足够的理由在开始时声明该变量。
让我们通过将result 变量声明移到return语句之前来改进这个函数
function myBigFunction(param1, param2) {
let something;
/*
- calculate something…
*/
const result = otherFunction(param1);
return something + result;
}
现在，result变量在函数中有了它的正确位置。
从良好的变量命名的众多规则中，我区分出两个重要的规则。
第一个很简单：使用驼峰命名为变量取名，并且在命名所有变量时保持一致。
const message = ‘Hello’;
const isLoading = true;
let count
有特殊含义的数字或字符串，变量命名通常是大写的，在单词之间加下划线，以区别于常规变量
const SECONDS_IN_MINUTE = 60;
const GRAPHQL_URI = ‘http://site.com/graphql’;
第二条规则，在变量命名中，我认为这是最重要的：变量名称应明确无歧义地指出哪些数据保存了该变量。
以下是一些很好的变量命名示例：
let message = ‘Hello’;
let isLoading = true;
let count;
message 名称表示此变量包含某种消息，很可能是字符串。
最后
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》
isLoading = true;
let count;
message 名称表示此变量包含某种消息，很可能是字符串。
最后
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》
[外链图片转存中…(img-t4suzHpL-1715075462636)]
[外链图片转存中…(img-T571z9Dz-1715075462637)]
[外链图片转存中…(img-1KTscyRF-1715075462637)]
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
