![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 50
狮子歌歌_丶
这个作者很懒,什么都没留下…
展开
-
tab栏签标根据向上滚动距离,切换到对应的标签上
H5项目顶部Tab栏上对应多个标签,根据页面向上滚动高度,将活跃值切换到对应的标签上。原创 2023-02-24 22:36:42 · 301 阅读 · 0 评论 -
ES6class的基本使用(深入)
基本使用: ES6中class定义类其实就是Es5中定义构造函数的语法糖在代码最终解析的时候也是装化成es5形式,内部实现的内存引用关系是一样的,着所以采用class来定义是友好于从其他语言转到js的程序员,毕竟挺多是面向对象哈,哈哈~使用class关键字创建类: 当我们在实例化一个类的时候,内部会取调用constructor方法,如果我们在类的内部没有定义constructor方法,其实内部有一个默认的constructor方法,并且constructor只能定义一次否则会报错。constru原创 2022-04-24 01:16:02 · 619 阅读 · 0 评论 -
构造函数实现继承的几种方案(深入)
什么是继承及继承的好处实现继承的几种方式原型链继承接用构造函数实现继承寄生式继承寄生组合式继承(最终的继承方案)什么是继承及继承的好处: 面向对象中的三大特性:封装,继承,多态,继承就是继承父构造函数的属性和方法。这样的话就可以实现代码的复用,且继承是多态的前提。开篇说重点:文中Person为父构造函数,Stundet为子构造函数,我们现在要做的事情就是让Stundet的实例对象继承父构造函数定义的属性和方法。每个函数都有一个显示原型prototype属性,每个对象都有一.原创 2022-04-23 00:20:17 · 4901 阅读 · 2 评论 -
JavaScript中call,apply,bind实现
我们都知道,call(),apply(),bind()都可以改变函数内部的this指向,那他们到底是如何实现的呢,下面我们用js来模拟实现,为什么说是模拟实现呢?因为我们的js引擎,主流的v8引擎源代码是通过c++编写的,所以我们只能说是模拟实现,但是实现的功能都是一样的,但是一些edge case可能会考虑的不是很充分。call实现Function.prototype.hqcall = function(thisArg, ...args) { // 剩余参数 const fn = this //原创 2022-04-09 23:37:28 · 1161 阅读 · 0 评论 -
深入JavaScript的this指向(打通任督二脉)
JavaScipt的this指向(重点) this指向一直都是js中比较难以理解的地方,就算是工作多年的人也有可能没有理解透彻this的指向,而this指向不管是在工作中还是面试中都是比较重要的知识点.下面是我深入学习this指向的笔记希望能帮助大家理解并掌握this指向.this的绑定规则 学习this指向我们必须先了解this的绑定的规则默认绑定隐式绑定显示绑定new绑定常见的this指向箭头函数中的this指向规则之外的绑定了解到绑定规则之后,下面我们来敲一下代码原创 2022-04-09 23:26:28 · 737 阅读 · 0 评论 -
JS系列之数据类型转换(强制类型转换)
js基本数据类型:Number,String、Number、Null、Undefined,知道了这些的话直接开干~将数据类型转换成String转换方式1:使用toString()方法转换方式2:使用String()函数 let a = 123; console.log(a.toString()) // '123' let b = true console.log(b.toString()) // 'true' let c =原创 2021-09-14 23:28:14 · 172 阅读 · 0 评论