JavaScript面向对象
文章平均质量分 91
是欢欢啊
如果词不达意,那就把爱意藏在心底
展开
-
什么时候不能使用箭头函数?
this及箭头函数原创 2022-07-23 11:27:00 · 318 阅读 · 1 评论 -
JS中的继承
1什么是继承继承是一种类(class)与类之间的关系,JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承,继承是为了实现数据共享,js中的继承当然也是为了实现数据共享。 继承是子类继承父类的特征或者行为,使子类也具有父类的属性和方法; 或者子类从父类继承方法,使得子类具有父类相同的行为 继承可以使得子类具有父类的各种属性和方法,而不需要再次编写相同的代码。2 通过原型实现继承2.1案例一function Person1(name,age,sex)...转载 2021-07-19 15:26:05 · 1507 阅读 · 1 评论 -
JavaScript进阶教程(6)—硬核动图让你轻松弄懂递归与深浅拷贝
目录一、递归1.1 概念1.2 出口1.3 递归经典问题:递归求斐波那契数列1.4 递归经典问题:递归求阶乘1.5 递归求一个数字各个位数上的数字的和1.6 递归遍历DOM树二 深浅拷贝2.1 浅拷贝2.2 深拷贝2.3 如何区分深拷贝与浅拷贝?2.3.1 浅拷贝:仅复制了引用,彼此之间的操作会互相影响2.3.2 深拷贝:在堆中重新分配内存,不同的地址,互不影响三 总结一、递归1.1 概念递归简单的来说就是程序自己调用自己,就像下面这幅转载 2021-07-09 16:48:59 · 111 阅读 · 0 评论 -
JavaScript进阶教程(5)-一文让你搞懂作用域链和闭包
目录1 作用域2 作用域链3 预解析3.1 变量预解析3.2 函数预解析4 闭包4.1 闭包小案例:4.2 闭包点赞案例5 闭包的作用6 闭包导致的一些问题6.1 第一:使用更多的闭包6.2 第二种方法:使用了匿名闭包6.3 第三种方法:使用用ES2015引入的let关键词6.4 第四种方法:使用forEach()来遍历7 性能8 总结1 作用域在JS中变量可以分为局部变量和全局变量,对于变量不熟悉的可以看一下我这篇文章:ht.转载 2021-07-09 15:05:05 · 134 阅读 · 0 评论 -
JavaScript进阶教程(4)-函数内this指向解惑call(),apply(),bind()的区别
目录1 函数的定义方式1.1 函数声明1.2 函数表达式1.3 函数声明与函数表达式的区别1.4 构造函数Function(了解即可,一般不用)2 函数的调用方式3 函数内this的指向4 call、apply、bind4.1 call,apply4.1.1 新的函数调用方式apply和call方法4.1.2 apply和call可以改变this的指向4.2 call,apply使用4.3 bind4.4 总结5 函数的其它成员(了解)..转载 2021-07-08 17:19:44 · 180 阅读 · 0 评论 -
一道被前端忽略的基础题,不信看你会几题
前言为了追求更高的境界,看我们忽略了多少的基础知识!!!下面我们就来看一看,瞧一瞧。 function Foo () { getName = function () { alert(1) } return this } Foo.getName = function () { alert(2) } Foo.prototype.getName = function () { alert(3) } var getName = function () { alert转载 2021-07-08 14:20:01 · 70 阅读 · 0 评论 -
JavaScript 进阶教程(3)---让你彻底搞懂原型链和继承
1 原型链1.1 原型关于原型在JS面向对象编程这篇文章已经讲过了,今天简单来复习一下。1.1.1 什么是原型?在JS构造函数中有一个属性prototype,叫做原型,这是给程序员使用的。在JS实例对象中有一个属性__proto__,它也是原型,这是供浏览器使用的,它不是标准的属性。实例对象中的__proto__指向的是该实例对象中的构造函数中的prototype,构造函数中的prototype里面的属性或者方法,可以直接通过实例对象调用。一般情况下,实例对象.__proto__..转载 2021-07-08 10:31:44 · 132 阅读 · 0 评论 -
JavaScript 进阶教程(1)--面向对象编程
目录1 学习目标2面向对象介绍2.1什么是对象(1) 对象是单个事物的抽象。(2) 对象是一个容器,封装了属性(property)和方法(method)。2.2 什么是面向对象2.3 JavaScript 中面向对象的基本体现3 JavaScript 如何创建对象3.1 字面量方式3.2 简单方式的改进:工厂函数3.3 更优雅的工厂函数:构造函数3.4 构造函数代码执行过程3.5构造函数和实例对象的关系3.6构造函数的问题4原型...转载 2021-07-06 16:41:38 · 92 阅读 · 0 评论