- 博客(11)
- 收藏
- 关注
原创 ES6class的基本使用(深入)
基本使用: ES6中class定义类其实就是Es5中定义构造函数的语法糖在代码最终解析的时候也是装化成es5形式,内部实现的内存引用关系是一样的,着所以采用class来定义是友好于从其他语言转到js的程序员,毕竟挺多是面向对象哈,哈哈~使用class关键字创建类: 当我们在实例化一个类的时候,内部会取调用constructor方法,如果我们在类的内部没有定义constructor方法,其实内部有一个默认的constructor方法,并且constructor只能定义一次否则会报错。constru
2022-04-24 01:16:02
682
原创 构造函数实现继承的几种方案(深入)
什么是继承及继承的好处实现继承的几种方式原型链继承接用构造函数实现继承寄生式继承寄生组合式继承(最终的继承方案)什么是继承及继承的好处: 面向对象中的三大特性:封装,继承,多态,继承就是继承父构造函数的属性和方法。这样的话就可以实现代码的复用,且继承是多态的前提。开篇说重点:文中Person为父构造函数,Stundet为子构造函数,我们现在要做的事情就是让Stundet的实例对象继承父构造函数定义的属性和方法。每个函数都有一个显示原型prototype属性,每个对象都有一.
2022-04-23 00:20:17
5074
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
1218
原创 深入JavaScript的this指向(打通任督二脉)
JavaScipt的this指向(重点) this指向一直都是js中比较难以理解的地方,就算是工作多年的人也有可能没有理解透彻this的指向,而this指向不管是在工作中还是面试中都是比较重要的知识点.下面是我深入学习this指向的笔记希望能帮助大家理解并掌握this指向.this的绑定规则 学习this指向我们必须先了解this的绑定的规则默认绑定隐式绑定显示绑定new绑定常见的this指向箭头函数中的this指向规则之外的绑定了解到绑定规则之后,下面我们来敲一下代码
2022-04-09 23:26:28
772
原创 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
212
原创 vue2.x中Watch和vue3.x中Watch使用和区别
vue2.xWatch和vue3.xWatch使用和区别 大家都知道在vue中,我们经常会用到监听数据一个数据,当数据发生变化的话执行某个功能,实现的方法有很多,现在的话重点说一下vuex2.x中属于配置项的watch,vue3.x组合式Apiwatch函数。vue2.x中的watch 基本的使用: 我们创建一个Demo组件,定义一个count数据,当点击的时候让count加1,并且监听watch的变化,并执行打印。但是这个普通的监听当时存在问题:当数据是深层嵌套的话无法监听到数据的改变,所
2021-08-29 23:34:43
2274
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人