总结
-
框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。
-
算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯
-
在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。
-
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!
一、变量声明
- let所声明的变量,只在let所在的代码块内有效。
- 不存在变量提升:所声明的变量一定要在声明后使用,否则报错。一定要先声明,再去使用。
let x=x;
这样是错误的。ES6
明确规定,如果区块中存在let
和const
命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。 - 不允许重复声明:
let
不允许在相同作用域内,重复声明同一个变量。即不能在函数内部重新声明参数。
二、块级作用域
ES5
只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。第一种场景,内层变量可能会覆盖外层变量。
var tmp = new Date();
function f() {
console.log(tmp);
if(false) {
var tmp ='hello world';
}
}
f(); //undefined
第二种场景,用来计数的循环变量泄露为全局变量。下面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
2.1 ES6 块级作用域
外层作用域无法读取内层作用域的变量。内层作用域可以定义外层作用域的同名变量。
下面的函数有两个代码块,都声明了变量n,运行后输出5。这表示外层代码块不受内层代码块的影响。如果两次都使用var定义变量n,最后输出的值才是10。
function f1() {
let n = 5;
if (true) {
let n = 10;
console.log(n);
}
console.log(n); // 5
}
f1()
块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。
// IIFE 写法
(function () {
var tmp = ...;
...
}());
// 块级作用域写法
{
let tmp = …;
…
}
2.2 块级作用域用法
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。
// 函数声明语句
{
let a = 'secret';
function f() {
return a;
}
}
// 函数表达式
{
let a = ‘secret’;
let f = function () {
return a;
};
}
ES6
的块级作用域允许声明函数的规则,只在使用大括号的情况下成立,如果没有使用大括号,就会报错。
三、do 表达式
本质上,块级作用域是一个语句,将多个操作封装在一起,没有返回值。使得块级作用域可以变为表达式,也就是说可以返回值,办法就是在块级作用域之前加上do,使它变为do表达式,然后就会返回内部最后执行的表达式的值。
let x = do {
let t = f();
t \* t + 1;
};
四、const 命令
const
声明一个只读的常量。一旦声明,常量的值就不能改变。const
一旦声明变量,就必须立即初始化,不能留到以后赋值。
const作用域与let命令相同:只在声明所在的块级作用域内有效。
const
命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。
const声明的常量,也与let一样不可重复声明。
五、箭头函数
- 省略关键字
function
,花括号‘{}’用‘=>’代替了。这种写法更简洁了。 - 优点,就是函数体内的
this
的指向始终是指向定义它所在的对象,而不会指向调用它的对象,我们知道es5
中的函数是谁执行它,它就指向谁。
六、Promise 对象
拓展阅读:
七、模块语法
ES6
在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代CommonJS
和AMD
规范,成为浏览器和服务器通用的模块解决方案。
ES6
模块不是对象,而是通过export
命令显式指定输出的代码,再通过import
命令输入。
// ES6模块
import { stat, exists, readFile } from 'fs';
上面代码的实质是从fs模块加载3个方法,其他方法不加载。这种加载称为编译时加载或者静态加载,即 ES6
可以在编译时就完成模块加载,效率要比 CommonJS
模块的加载方式高。
八、严格模式
- 变量必须声明后再使用;
- 函数的参数不能有同名属性,否则报错;
- 不能使用
with
语句; - 不能对只读属性赋值,否则报错;
- 不能使用前缀0表示八进制数,否则报错;
- 不能删除不可删除的属性,否则报错;
- 不能删除变量
delete prop
,会报错,只能删除属性delete global[prop]
; eval
不会在它的外层作用域引入变量;eval
和arguments
不能被重新赋值;arguments
不会自动反映函数参数的变化;- 不能使用
arguments.callee
; - 不能使用
arguments.caller
; - 禁止
this
指向全局对象; - 不能使用
fn.caller
和fn.arguments
获取函数调用的堆栈;
总结
秋招即将开始,校招的朋友普遍是缺少项目经历的,所以底层逻辑,基础知识要掌握好!
而一般的社招,更是神仙打架。特别强调,项目经历不可忽视;几乎简历上提到的项目都会被刨根问底,所以项目应用的技术要熟练,底层原理必须清楚。
这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML,CSS,JavaScript,HTTP,TCP协议,浏览器,Vue框架,算法等高频考点238道(含答案)!
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
资料截图 :
高级前端工程师必备资料包