前端js
文章平均质量分 91
Jacki你可太菜了
仅记录学习过程中的遇到的坑,在坑中进步
展开
-
JS中的this指向问题
在JS的各种语法中,this的理解是十分重要的,否则很容易在调用函数时出现错误的结果(血泪教训),所以今天特意记录一下,完善一下自身对于this的认知。 首先,明确一个概念,this是在函数被调用时才发生的绑定(箭头函数除外),也就是说this具体指向什么,取决于你是怎么调用函数。这里给出本文列出的所有this指向结论 以函数形式调用,this指向全局window对象 以对象的方法形式调用,this指向调用方法的对象 以构造函数的形式调用,this指向新创建的那个对象 使用call()和apply()调用原创 2021-12-24 17:10:16 · 700 阅读 · 0 评论 -
ES6中let和const
ES6中引入了let和const两个关键字,平时也就是知道let有块级作用域,const初始化之后不能更改,没有做过深究。今天测试demo时突然发现一个现象,一时没有想通,故特意记录,涨涨知识。问题如下: 问题说明 从上面可以看到我只是很简单地在JS中打印了let和var定义的变量,但是结果却跟我想的不一样,为什么let定义的变量在用this获取时会返回undefined呢?这个环境this不是都指向window吗?带着这个疑问我查找了一些资料,最终在阮一峰老师的文档下面找到了答案。在ES6中,用let命原创 2021-12-23 15:18:48 · 374 阅读 · 0 评论 -
浏览器防抖和节流
浏览器防抖和节流 鉴于在测试代码过程中滚动滚动条之后在控制台打印了一万条日志,本人决定好好学习一下防抖和节流,以下均为个人学习记录(这瓜不保熟),有错误欢迎指正 举个栗子 开发网站时,常常会有这样一个需求,网站右下角需要在滑动一定距离后出现一个”回到顶部“的按钮,方便用户操作。要实现这个功能,方法也很简单,监听浏览器的滚动事件,当滚动距离达到自己需要的距离时,让右下角的按钮出现,并固定定位在右下角,直接上关键代码。 function showTop () { let sTop = document.b转载 2021-09-14 10:00:14 · 287 阅读 · 0 评论