最后
一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
分享一些前端面试题以及学习路线给大家
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一样不可重复声明。
### 五、箭头函数
1. 省略关键字`function`,花括号‘{}’用‘=>’代替了。这种写法更简洁了。
2. 优点,就是函数体内的`this`的指向始终是指向定义它所在的对象,而不会指向调用它的对象,我们知道`es5`中的函数是谁执行它,它就指向谁。
### 六、Promise 对象
拓展阅读:
* 《[Vue进阶(四十五):精解ES6 Promise 用法](https://bbs.csdn.net/topics/618166371)》
### 七、模块语法
1. `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`获取函数调用的堆栈;
* 增加了保留字(比如`protected`、`static`和`interface`);
* 尤其需要注意`this`的限制。`ES6` 模块之中,顶层的`this`指向`undefined`,即不应该在顶层代码使用`this`。
### 九、export 命令
模块功能主要由两个命令构成:`export`和`import`。`export`命令用于规定模块的对外接口,`import`命令用于输入其他模块提供的功能。
一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用`export`关键字输出该变量。下面是一个 `JS` 文件,里面使用`export`命令输出变量。
// profile.js
var firstName = ‘Michael’;
var lastName = ‘Jackson’;
var year = 1958;
export {firstName, lastName, year};
`export`命令除了输出变量,还可以输出函数或类(`class`)。下面代码对外输出一个函数multiply。
export function multiply(x, y) {
return x * y;
};
`export`输出的变量就是本来的名字,但是可以使用`as`关键字重命名。
function v1() { … }
function v2() { … }
JavaScript 和 ES6
在这个过程你会发现,有很多 JS 知识点你并不能更好的理解为什么这么设计,以及这样设计的好处是什么,这就逼着让你去学习这单个知识点的来龙去脉,去哪学?第一,书籍,我知道你不喜欢看,我最近通过刷大厂面试题整理了一份前端核心知识笔记,比较书籍更精简,一句废话都没有,这份笔记也让我通过跳槽从8k涨成20k。
如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
记也让我通过跳槽从8k涨成20k。