JavaScript学习笔记
文章平均质量分 51
小白-先森
一枚非常普通的计算机专业2020级大学生
展开
-
JS执行上下文以及事件循环机制
参考文章:面试官:说说执行上下文吧 - 掘金 (juejin.cn)理解JavaScript的执行上下文 - 知乎 (zhihu.com)事件循环 - JavaScript Guidebook (tsejx.github.io)1;执行上下文:指当前执行环境中的变量、函数声明,参数(arguments),作用域链,this等信息。分为全局执行上下文、函数执行上下文,其区别在于全局执行上下文只有一个,函数执行上下文在每次调用函数时候会创建一个新的函数执行上下文。2;执行上下文组成:原创 2022-04-04 22:41:10 · 664 阅读 · 0 评论 -
同源策略以及CORS跨域资源共享
一;同源策略:1.同源是一种安全机制,为了预防某些恶意行为(例如 Cookie 窃取等),浏览器限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。2.满足同源要具备三方面:协议相同、域名相同、端口相同。3.只要以上三点有一点不满足,就会产生跨域,解决跨域常见的方法:JSONP,CORS。二;什么是CORS:1.CORS (Cross-Origin Resource Sharing,跨域资源共享)由一系列 HTTP 响应头组成,这些 HTTP 响应头决定浏览器是否阻止前端原创 2022-03-28 15:02:55 · 1548 阅读 · 0 评论 -
JS 定时器结合闭包实现-节流与防抖
防抖:概念:用户连续点击,前面的触发都被取消,只有最后一次触发的回调在规定时间后才会触发。即:如果连续触发 只会执行最后一次触发的回调。使用场景:百度搜索框中输入对应内容下方会有相关内容的提示,如果每输入一个文字都发送一次请求是非常浪费性能的,所以使用节流设置一个时间,只有当用户输入完内容之后不在输入,经过了预先设置好的时间才会发起请求。// 防抖// 概念:用户连续点击,前面的触发都被取消,只有最后一次触发的回调在规定时间后才会触发。// 即 如果连续触发 只会执行最后一次触发的原创 2022-03-26 20:23:31 · 897 阅读 · 0 评论 -
export 和 export default 区别
一个js文件就是一个模块。exprot 分别暴露:如果想单独暴露出该 js 文件(模块)的某些变量,则可以使用 export 进行分别暴露。// 获取floor数据export const reqGetFloorList = ()=>{ return mockRequest({ url:'/floor', method:'GET', })}// 获取搜索模块数据 地址:/api/list 方式 post // 当前接口给服务原创 2022-03-26 17:20:26 · 305 阅读 · 0 评论 -
JS原型与原型链详解
1.每个构造函数身上都有一个 prototype 原型,它的身上一般用于定义并存放该构造函数公用的方法,让每个由该构造函数所实例化出来的实例对象都可以使用 prototype 原型身上的方法,避免内存的浪费。2.原型对象 prototype 身上存在一个 constructor 属性,该属性指向创建该实例对象的构造函数,即表明该实例对象是由哪个构造函数创建出来的。3.每个对象身上都有一个 __proto__属性,我们称它为 对象原型,该对象原型指向构造函数身上的prototype原型对象。4.因原创 2022-03-12 09:58:22 · 512 阅读 · 0 评论 -
async和await用法介绍
一;async1.函数前面加上 async 关键字,则该函数会返回一个结果为 promise 的对象。2. async 函数返回 promise 对象的状态。2.1:如果返回的是一个非 Promise 类型的数据, 则async 函数返回 promise 的状态 为 fulfilled 成功。2.2:如果返回的是一个 Promise对象,则 async 函数返回 promise 的状态由返回的Promise对象的状态决定。2.3:如果 throw Errow 抛出异常,则 async 函原创 2022-03-11 22:36:07 · 11302 阅读 · 1 评论 -
JS-闭包
一;闭包产生条件:1.有嵌套函数2.内部函数引用外部函数的变量(函数)3.执行外部函数原创 2022-02-26 10:29:53 · 146 阅读 · 0 评论 -
var let const 区别
1.作用域:var声明的变量为全局变量,而 let 和 const 声明的变量具有块级作用域。2.变量提升:var 存在变量提示,而 let 和 const 不存在变量提示,即 let 和 const 必须先声明后使用。3.重复声明:var 允许变量重复声明,且后声明的会覆盖的之前声明的,而 let 和 const 是不允许变量重复声明的。4.值是否允许修改var 和 let 是允许修改其变量值的,而 const 不允许修改变量值。5.初始值设置:在变量声明时,var 和原创 2022-02-23 21:00:15 · 144 阅读 · 0 评论 -
ES6中Promise使用介绍
一;Promise是一个实例化对象,想要使用Promise需要先 new 进行实例化二;Promise接收一个回调函数,回调函数中接收俩个参数,一个是 resolve,表示处理成功的结果,另一个是reject,表示失败的结果,其成功或者失败的值会被实例化对象 .then 方法处理,失败的方法也可单独被 catch()处理三;实例化Promise注:(1).then方法可以只写第一个成功的回调,接收成功的返回结果(2)promise 的 resolve 和 reject 只会执行一个,要么原创 2022-02-13 22:11:18 · 436 阅读 · 0 评论 -
常见JS函数(持续更新中)
Math()函数1.Math.max(a,b,...,x,y) -- 返回数个数字中较大的值Math.max(a,b,...,x,y);a,b,...,x,y -- 为number类型的数字,可以是小数、整数;正数、负数、0。2.Math.random()返回 0 ~ 1 之间的随机数。3.Math.round()四舍五入取整。4.Math.ceil()返回值:返回大于或等于x,并且与之最接近的整数。注:如果x是正数,则把小数“入”;如果x是负数,则把小数“舍”。5.M.原创 2021-11-24 21:25:47 · 394 阅读 · 0 评论 -
JS对象-学习笔记
定义:对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数等对象由属性和方法组成 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词) 举例: 属性是:手机的颜色,大小,厚度是 属性; 方法是:打电话,发短信,砸核桃是 方法; 创建对象的三种方式: 1、利用对象字面量创建对象 (冒号赋值,逗号隔开) 2、利用 new Object 创建对象 (等号赋值,分号结束) 3、构造函数创建对原创 2021-07-23 16:55:23 · 164 阅读 · 0 评论