前端开发之路--关于JS代码的若干个小技巧(五)

2024-10-15 11:40:49

小编在这里总结了一些平时在前端开发中使用到的一些JS的技巧,这篇经验是关于JavaScript的代码段。这是系列经验的第五篇。

前端开发之路--关于JS代码的若干个小技巧(五)

JavaScript继承

1、"继承",是面向对象中的一个概念,通过“继承”可以使得子类具有父类的属性和方法,还可以重新定义,追加属性和方法。在JavaScript中,所谓的继承无非就是让子类拥有父类的属性和方法,可以通过一些方法模拟实现这种特性。

前端开发之路--关于JS代码的若干个小技巧(五)

2、扩展Ojbect对象。直接给Object对象扩展一个方法(因为在JS中,万物皆对象),直接将父类的方法和属性循环赋值给子类,这样子类就拥有了父类的属性和方法。

前端开发之路--关于JS代码的若干个小技巧(五)

3、这样做虽然可以让子类拥有父类的属性和方法,但你会感觉很麻烦,因为每次去实现继承,就要去循环遍历父类,比较耗时间与资源。

前端开发之路--关于JS代码的若干个小技巧(五)

4、call和apply实现继承。先了解call和apply函数,他们就是所谓的借调函数,通过改变上下文环境,将本不属于该对象的方法可以被该对象调用。

前端开发之路--关于JS代码的若干个小技巧(五)前端开发之路--关于JS代码的若干个小技巧(五)

5、使用这两个函数的实现继承的思路便是:在子类中,使用父类函数调用call和apply方法,改变父类属性和方法的上下文,将this指向子类,这样子类就拥有了父类的属性和方法。

前端开发之路--关于JS代码的若干个小技巧(五)

6、使用call和apply时要注意二者的区别。call函数的参数是若干个参数,而apply的参数是若干个参数组成的数组,这就是二者最大的区别,其它使用起来都是一致的。

前端开发之路--关于JS代码的若干个小技巧(五)
猜你喜欢