For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
web前端编程开发行业随着互联网的不断发展而被越来越多的企业关注,而本文我们就通过案例分析来简单了解一下,web前端箭头函数应用分析。
1、箭头函数和普通函数有啥区别?箭头函数能当构造函数吗?
普通函数通过function关键字定义,this无法结合词法作用域使用,在运行时绑定,只取决于函数的调用方式,在哪里被调用,调用位置。(取决于调用者,和是否独立运行)
箭头函数使用被称为“胖箭头”的操作=>定义,箭头函数不应用普通函数this绑定的四种规则,而是根据外层(函数或全局)的作用域来决定this,且箭头函数的绑定无法被修改(new也不行)。
箭头函数常用于回调函数中,包括事件处理器或定时器
箭头函数和varself=this,都试图取代传统的this运行机制,将this的绑定拉回到词法作用域
没有原型、没有this、没有super,没有arguments,没有new.target
不能通过new关键字调用
一个函数内部有两个方法:[[Call]]和[[Construct]],在通过new进行函数调用时,会执行[[construct]]方法,创建一个实例对象,然后再执行这个函数体,将函数的this绑定在这个实例对象上
当直接调用时,执行[[Call]]方法,直接执行函数体
箭头函数没有[[Construct]]方法,不能被用作构造函数调用,当使用new进行函数调用时会报错。
2、如何防御XSS攻击?
可以看到XSS危害如此之大,那么在开发网站时就要做好防御措施,具体措施如下:
可以从浏览器的执行来进行预防,一种是使用纯前端的方式,不用服务器端拼接后返回(不使用服务端渲染)。另一种是对需要插入到HTML中的代码做好充分的转义。对于DOM型的攻击,主要是前端脚本的不可靠而造成的,对于数据获取渲染和字符串拼接的时候应该对可能出现的恶意代码情况进行判断。
使用CSP,CSP的本质是建立一个白名单,告诉浏览器哪些外部资源可以加载和执行,从而防止恶意代码的注入攻击。
CSP指的是内容安全策略,它的本质是建立一个白名单,告诉浏览器哪些外部资源可以加载和执行。我们只需要配置规则,如何拦截由浏览器自己来实现。
通常有两种方式来开启CSP,一种是设置HTTP部中的Content-Security-Policy,一种是设置meta标签的方式
对一些敏感信息进行保护,比如cookie使用http-only,使得脚本无法获取。也可以使用验证码,避免脚本伪装成用户执行一些操作。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加抖音达内三江区域学习了解。