盗用构造函数

最新推荐文章于 2024-09-14 18:52:56 发布

有理想的小鱼

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量124

点赞数

文章标签： javascript servlet html

本文链接：https://blog.csdn.net/qq_58122771/article/details/127413847

版权

<!DOCTYPE html>

<head>

<title>Document</title>

//父类

function father(){

this.body=["1980","张三","30"];

}

//子类

function son(){

//继承father

father.call(this);//盗用构造函数的调用，使用call方法

}

let abc =new son();//创建对象

abc.body.push("180");//加入数组值180

console.log(abc.body);//['1980', '张三', '30', '180']

let abc1=new son();//创建对象

console.log(abc1.body);//['1980', '张三', '30']

相当于son对象上运行这father()函数中的所有初始化代码

结果就是每个实例都会有自己的body属性

</script>

</head>

<body>

</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有理想的小鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JavaScript简餐——关于盗用构造函数

igodmeetu的博客

10-07

360

文章目录前言一、什么是盗用构造函数？二、使用实例三、参数传递四、盗用构造函数的问题所在五、总结前言写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。一、什么是盗用构造函数？还记得上一篇文章中提到了原型链继承中会出现得

【JS】JavaScript继承 - 原型链 - 盗用构造函数 - 组合继承 -原型式继承 - 寄生式继承 - 寄生式组合继承

YK菌的博客

05-24

427

文章目录1. 原型链2. 盗用构造函数constructor stealing3. 组合继承4. 原型式继承5. 寄生式继承6. 寄生式组合继承参考继承是面向对象编程中讨论最多的话题。实现继承是ECMAScript唯一支持的继承方式，而这主要是通过原型链实现的。 1. 原型链复习一下 构造函数、原型对象、实例对象之间的关系 function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = fun

1 条评论您还未登录，请先登录后发表或查看评论

javascript高级程序设计阅读收获（8.3.2）——盗用构造函数

木子旭的博客

07-14

188

function Aaa(name){ this.colors = ["red","blue","green"]; this.name = name; } function Bbb(){ Aaa.call(this,"BbbName"); } let instance1 = new Bbb(); instance1.colors.push("black"); let instance2 = new Bbb(); console.log(instance1.colors);//["red", "blu

JavaScript: 盗用构造函数 & 对象伪装 & 经典继承(方案分析 + 代码实现 + 效果展示）

技术圈

03-22

396

盗用构造函数 又叫做对象伪装或经典继承，是一种不涉及原型对象的继承方式。也是理解继承的必经之路。别怕——它比原型链继承简单。

盗用构造函数继承

Kobeloveu

07-31

285

盗用构造函数继承（对象伪装或经典继承），个人觉得的盗用构造函数继承这个名字更语义化，听到这个名字就能想到。子类构造函数调用父类构造函数，利用函数在特定上下文中执行的特性，去创建一个对象实例主要使用call或者apply方法以先创建的对象为上下文执行构造函数。优点：解决了子类构造函数可以向父类构造函数传参的问题缺点：子类不能访问父类的原型，同样也不能访问父类的方法使用call方法，让父类构造函数在子类构造函数中执行，更像创建对象的工厂模式，是直接在子类构造函数中，创建一个新的对象以this承接上

类私有变量的“偷窃”以及 构造函数“私有化”的实验

03-11

1、类中声明的私有变量都有谁可以访问？...2、构造函数私有化，是为了防止外部类的对象不能实例化。其作用有二：1是对于虚拟类，不需要实例化；2是对于类对象只允许一个实例的情况。如何实现？试验一下。

前端面试中常见的原生JS手写实现函数

weixin_44685906的博客

05-12

2064

前端面试中常见的原生JS手写实现函数前言实现call函数apply函数bind函数newinstanceof函数继承实现深拷贝深度比较防抖函数节流函数Promise.all()Promise.race()函数柯里化用setTimeout实现setInterval原生JS实现Ajax上拉加载更多发布订阅模式数组转换为二叉树sleep函数map函数reduce函数filter函数forEach函数find函数some函数every函数includes函数join函数用reduce实现mapconcat函数快速排

js函数继承-原型链详解

weixin_53027472的博客

08-22

328

函数继承和原型链详解，js底层重点内容

【JavaScript】js中的原型继承

南栀的博客

04-13

3418

js中的原型继承

借用构造函数（）

MrHuShuai的博客

08-18

176

分析此代码可见Animal和Person函数中的this.name=name和this.age=age出现了代码冗余，此时采用 Animal.call(this,name,gender)借用构造函数的方法可以减少代码冗余* function Animal(name,gender){ this.name=name; this.gender=gender; } Animal.prototype.sayName=function(){ console.log(“my name is”,this.name);

JavaScript中实现继承的方法（深入学习原型链、盗用构造函数、组合继承、原型式继承、寄生式继承、寄生式组合继承）

qq_45923489的博客

04-23

1288

一、原型链原型链的基本思想就是通过原型继承多个引用类型的属性和方法。 构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个内部指针指向原型。若原型是另一个类型的实例，就意味着这个原型本身有一个内部指针指向另一个原型，相应的另一个原型也有一个指针指向另一个构造函数。这样就在实例和原型之间构造了一条原型链。 function SuperType(){ this.property = true } SuperType.prototype.getSup

JavaScript高级程序设计学习笔记(六) —对象，类和继承

Manner11的博客

10-31

284

对象，类与面向对象编程 1.理解对象 let person = new Object(); person.name = "tom"; console.log(person.name); 属性的类型 js会使用一些内部特性来描述属性的特征，但是开发者不能再js中直接访问，为了将某个特性标识为内部特性，js会用两个中括号把特性的名称括起来，比如[[Enumerable]] 数据属性：数据属性包含一个保存数据值的位置，值会从这个位置读取，也会写到这个位置，数据属性有四个特性描述： [[Configurabl

JS面向对象原理（三）------从ES5出发解析JS继承

qq_34666266的博客

11-17

315

引言上周晚上有个朋友让我给她讲关于原型链的知识，我以为这都是小菜一碟，但是一番讲解下来才发现原来我熟悉的也不过是原型链的一小部分，当往上讲到Function和Object以及内置构造函数的时候，就有些牵强了。于是打算写一系列关于原型链这部分的内容。那就写吧，那要从哪里开始写起呢？说原型链，我想到的是为什么会有原型链，什么是原型链，利用原型链我们可以做什么。所以这系列的内容也会按照这个顺序来写。为什么会有原型链：请移步到JS面向对象原理（一）------面向对象编程发展史。什么是原型链：请移步到JS面向

js中【Worker】相关知识点详细解读

2301_79858914的博客

09-11

865

JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。

【JavaScript】LeetCode：707设计链表