前端笔记(一）

最新推荐文章于 2024-10-01 20:12:28 发布

认真的冬风

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量296

点赞数

文章标签： javascript 前端面试 es6

本文链接：https://blog.csdn.net/weixin_57611815/article/details/123900242

版权

本文介绍了ES6中的新特性，包括let和const的变量声明、模板字符串、箭头函数、函数参数默认值、模块化、Promise的使用。此外，还探讨了网络攻击中的XSS和CSRF防御策略，以及数据类型的typeof、instanceof和toString方法。最后，讨论了深拷贝与浅拷贝的区别以及HTTP缓存和跨域问题。

摘要由CSDN通过智能技术生成

1、promise，promise.all与promise.race的作用和区别？

Promise.all 方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。（后续详更promise）

2、ES6新特性

2.1不一样的变量声明：const和let

Es6推荐使用let作为局部变量。

Const表示声明常量，值设置完成后就不能再被修改了。Let和const都是块级作用域。

如果const是一个对象，对象所包含的值是可以修改的，例如修改属性或数组啥的可以，但对象所指向的地址还是没有变的。

有几个点还是需要注意一下：

Let关键词声明的变量不具备变量提升特性，不能重复声明，不影响作用域链。
Const在声明时必须赋值，声明时使用大写变量。

2.2模板字符串

在es6之前经常通过“\”和“+”来构建模板，引引加加啥的

" + name + ", " + seatNumber + ", " + sex + " and so on."

而现在的es6：基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来完成拼接；ES6反引号(``)直接搞定；

2.3箭头函数

ES6 中，箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =>，紧接着是函数体；

不需要 function 关键字来创建函数

省略 return 关键字

继承当前上下文的 this 关键字

细节：当你的函数有且仅有一个参数的时候，是可以省略掉括号的。当你函数返回有且仅有一个表达式的时候可以省略{} 和 return；

2.4函数的参数默认值

2.5Spread和rest操作符2.6

2.6二进制和八进制字面量

二进制用0b，八进制用0o。
2.7对象和数组解构（对象和属性简写）
2.8对象超类

ES6 允许在对象中使用 super 方法：

2.9 for…of和for…in

for...of 用于遍历一个迭代器，如数组：

for...in 用来遍历对象中的属性：

2.10 Es6中的类

类的声明不会提升（hoisting)，如果你要使用某个 Class，那你必须在使用之前定义它，否则会抛出一个 ReferenceError 的错误。

在类中定义函数不需要使用 function 关键词。

2.11模块化（module）

ES5不支持原生的模块化，在ES6中模块作为重要的组成部分被添加进来。模块的功能主要由 export 和 import 组成。每一个模块都有自己单独的作用域，模块之间的相互调用关系是通过 export 来规定模块对外暴露的接口，通过import来引用其它模块提供的接口。同时还为模块创造了命名空间，防止函数的命名冲突。

Es6将一个文件视为一个模块，export能导出多个函数、变量和常量。

定义好一个模块的输出以后，就可以在另一个模块通过import导入，一条·import语句可以同时导入默认函数和其他变量。

2.12 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案callback更加的优雅。

官方描述：一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。这样使得异步方法可以像同步方法那样返回值：异步方法并不会立即返回最终的值，而是会返回一个 promise，以便在未来某个时候把值交给使用者。（后续会详细更新promise用法）