常见知识点总结

for of和for in

都是常见的循环结构,允许我们遍历对象的属性或数组、字符串、Map、Set等可迭代对象的元素。
for in循环遍历的是对象的属性名,而不是属性值;会枚举出对象自身以及原型链上的所有可枚举属性,(除非该对象使用Object.prototype的hasOwnProperty方法来过滤掉原型链上的属性)
for of循环用于遍历可迭代对象的元素,for of循环直接遍历的是值,而不是键
for of循环遍历的是可迭代对象的元素值,而不是属性名。

区别

for in遍历的是对象的属性名,for of遍历的是可迭代对象的元素值
for in会遍历对象自身以及原型链上的属性,而for of只遍历对象自身的元素
for in适用于普通对象,for of适用于可迭代对象(数组,字符串,Map,Set)

同源策略

源的定义:如果两个url的协议,端口,主机都相同,则这两个url是同源的
在浏览器中,同源策略(Same-origin_policy)是一个重要的安全策略。用于限制不同源之间的资源交互。

跨域资源共享

是一种基于 HTTP 头的机制,该机制通过允许服务器指定允许浏览器访问的源来加载自己的资源。是一种基于 HTTP 头的机制,该机制通过允许服务器指定允许浏览器访问的源来加载自己的资源。

跨域问题

不同源之间的资源交互,就会存在跨域问题。比如:请求的接口不同源导致跨域

解决跨域
jsonp

原理是利用script标签不受浏览器同源策略的限制,和后端一起解决跨域问题
具体:在客户端创建一个script标签,然后把请求后端的接口拼接一个回调函数名称作为参数传给后端,并且赋值给script标签的src属性,然后把script标签添加到body中,当后端收到客户端的请求时,会解析得到回调函数的名称,然后把数据和回调函数名称拼接成函数调用的形式返回

cors方式

cors是跨域资源共享,是一种http头的机制,该机制通过允许服务器标示除了它自己以外的其他origin(域,协议和端口),使得浏览器允许这些origin访问加载自己的资源,服务端设置了Access-Control-Allow-Origin就开启了cors

nginx代理方式

nginx通过反向代理解决跨域,利用了服务器请求服务器不受浏览器同源策略的限制实现的。

apply,bind,call

相同点
  1. apply 、 call 、bind 三者都是用来改变函数的this对象的指向;
  2. apply 、 call 、bind 三者都可以利用后续参数传参;
不同点

在接受参数方面:call和bind接收多个参数,apply接受一个数组
call/apply 会让函数执行的
call后面参数是依次逗号分隔传入
apply:一个参数数组,数组成员是依次传入
bind 不会执行前面的函数!返回值:新的函数 和原来那个函数长的一样,内部this已经被我们固定

js判断数据类型的方式

typeof

通常判断基本数据类型,返回表示数据类型的字符串
注意:使用typeof来判断null和引用类型的实例 返回的结果都是 ‘object’。

instanceof

a instanceof A ,判断参照对象(大写字母A)的prototype属性所指向的对象是否在被行测对象a的原型链上。
instanceof 只能用来判断两个对象是否属于实例关系,而不能判断一个对象实例具体属于哪种类型。
对于number,string,boolean这三种基本数据类型,只有通过构造函数才能检测出

constructor

constructor是原型对象的属性指向构造函数,可以检测出除了undefined和null的9种类型(因为它两没有原生构造函数)

Object下的toString.call()方法
Object.prototype.toString.call();
console.log(toString.call(123));          //[object Number]
console.log(toString.call('123'));        //[object String]
console.log(toString.call(undefined));    //[object Undefined]

闭包

闭包的作用

1.使用函数内部的变量在函数执行完以后,仍然存活在内存中(延长了局部变量的生命周期)
2.让函数外部可以操作(读写)到函数内部的数据(变量/函数)

注意

在函数外不能直接访问函数内部的局部变量
函数执行完之后,函数内部声明的局部变量一般不存在,存在于闭包中的变量才可能存在

闭包的生命周期

产生:在嵌套内部函数定义执行完时就产生了(不是在调用)
死亡:在嵌套的内部函数成为垃圾对象时

body-parser

中间件body-parser的作用是解析POST请求的请求体。然后我们可以通过req.body,获取到请求参数。

  • 22
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值