对原型继承的浅理解和apply 和call

最新推荐文章于 2023-01-11 10:53:08 发布
最新推荐文章于 2023-01-11 10:53:08 发布
阅读量169 收藏 1
点赞数
分类专栏： 基础知识 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_15682257/article/details/107399755
版权

1.原型的理解第一篇，每个实例化对象都有一个_proto_,可以给这个_proto_添加属性

2.重新写了一个例子

为了解答上面的疑惑，我们看看grad这个属性藏在哪儿了？？？？

解答为什么js的原型属性为什么可以做到动态的更新从而将属性的变化同步到所有实例中，（如果在下一层不应该 用newtudent.prototype.age 来取么？？？ 为什么可以直接newtudent.age）

参考链接

小结：

以上就是原型链的继承

接下来我们看一下借用构造函数继承 call和apply

继承 1.包括原型链继承  2.构造函数继承（apply和call）不能继承父级的原型  3.原型链继承和构造函数继承 会new两次 消耗cpu

当然还有其他继承，各种优缺点 请参考其他文档

1.call和apply

每个函数都有2两个非继承而来的方法

一般来说函数的this指向调用它的方法，但是call和apply则可以改变this指向

call 接收 函数运行时的作用域 + 参数1， + 参数2+ 参数3

apply 接收 2个参数 一个是函数运行时的作用域，加数组

 

可乐快线
关注
专栏目录
构造函数继承之 call（）与apply（）的作用与区别
qq_58590962的博客
06-16 318
Javascript的每个Function对象中有一个call方法： function.call(thisObj,对应参数) 还有一个类似功能的apply方法： function.apply(thisObj,[参数数组]) 它们的共同之处： 都“可以用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。” 它们的不同之处： apply： 最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数，则把参数都写进这
js中的apply和call，继承（一）
zqh862735956的博客
04-07 1415
js中apply和call以及继承昨天，有朋友问我，apply()和call()的用法，当时就蒙了，记得之前应该遇到过好多次，也用到过，这次，就认真的总结了一点，分享了出来。apply和callcall函数名.call(要让this指向的对象, arg1, arg2...argN); //1. 调用函数 //2. 让函数中的this指向，第一个参数中的对象 //3. 把第二个及以后所有的参数依次传递
js中call和apply的继承
素描本里的男子的博客
05-29 487
这两个方法，已经讲过，是调用函数的，当然也能调用构造函数 function Person(newId,newName){ this.id = newId; this.name = newName; } function Student(newId,newName,newScore){ //借用构造方法 Person.c...
彻底弄懂JS原型与继承
11-21 173
本文由浅到深，循序渐进的将原型与继承的抽象概念形象化，且每个知识点都搭配相应的例子，尽可能的将其通俗化，而且本文最大的优点就是：长（为了更详细嘛）。 一、原型 首先，我们先说说原型，但说到原型就得从函数说起，因为原型对象就是指函数所拥有的prototype属性(所以下文有时说原型，有时说prototype，它们都是指原型)。 1.1 函数 说到函数，我们得先有个概念：函数也是对象，和对象...
call和apply的区别-继承-筛选
@baby张~的博客
04-04 1115
call和apply的方法和作用有些类似， call()方法接受的是若干个参数的列表， apply()方法接受的是一个包含多个参数的数组。 let arr = [num0,num1] fun.call(this, num0, num1) fun.apply(this, arr) 这里要注意的是 两个参数都不是必填的，第一个参数在函数中使用时，根据场景不同指向也不一样，当不填时默认指向的是wind...
javascript基于原型链的继承及call和apply函数用法分析
10-20
主要介绍了javascript基于原型链的继承及call和apply函数用法,结合实例形式较为详细的分析了javascript中继承的概念、创建方法以及call和apply函数的功能与使用技巧,需要的朋友可以参考下
javascript中call和apply方法浅谈
10-26
在JavaScript中，`call`和`apply`是两种非常重要的函数调用方式，它们都用于改变函数内部`this`的指向，实现函数的...在实际开发中，理解和熟练掌握`call`和`apply`方法对于编写高效、灵活的JavaScript代码至关重要。
浅谈js对象的创建和对6种继承模式的理解和遐想
10-21
2. 借用构造函数继承：也称为伪造对象或经典继承，这种模式通过在子类构造函数中调用父类构造函数来实现继承，使用apply或call方法可以给父类构造函数传递参数。它的一个缺点是无法实现父类原型属性和方法的共享。 ...
彻底搞懂JavaScript中的apply和call方法(必看)
10-19
总的来说，`apply`和`call`是JavaScript中两个非常实用的方法，它们使得函数能够灵活地改变执行环境，实现代码的复用和动态绑定，对于理解和编写复杂的JavaScript代码至关重要。掌握这两个方法有助于提升JavaScript...
call继承父级属性，prototype继承父级方法
weixin_34092370的博客
08-26 214
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> <script...
call()和原型继承的方法
weixin_30569033的博客
01-19 112
1.call() call()方法接受两个参数，obj和arg 比如functionA.call（obj,arg）就是说现在运行(执行)functionA这个方法，但是functionA里面的方法不是为它以前的对象而运行了，把functionA的this强行改变成了obj obj成为functionA中的this，然后来运行functionA这个方法，而arg是传给functionA...
js this的指向，call ，apply，bind改变this的指向
最新发布
jililin123的博客
01-11 631
js this的指向，call，apply，bind改变this的指向
JavaScript基础之--用call方法实现继承及其存在的问题。
wu67321的博客
07-07 230
实现继承的方法： call方法 在子类的构造函数中，调用父类的构造函数，并使用call方法修改函数中的this指向。 call存在的问题 不能继承父类原型对象上的属性和方法。 //父类 function Animal(classes, speed) { this.classes = classes; this.speed = speed; ...
call apply与继承方法
LennieGao的博客
12-20 3020
好好学习 ，天天向上。Are you ready? 传统继承 构造函数继承 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有...
浅谈JS中的原型继承、call继承以及寄生组合继承
qq_37947438的博客
06-27 246
JS中的继承指的是子类继承父类中的属性和方法，用的比较多的是原型继承，call继承，以及寄生组合继承，今天我们来简单讲解一下这三类继承。 原型继承 function A() { this.x = 100; } A.prototype.getX = function getX() { console.log(this.x); }; function B() { this.y = 200; } B.prototype.sum=fu
详解prototype与__proto__区别
热门推荐
李刚的学习专栏
12-08 3万+
Each constructor is a function that has a property named “prototype” that is used to implement prototype-based inheritance and shared properties. Every object created by a constructor has an implicit r
js 原型继承、call、apply继承
jiongsin的博客
03-28 277
原型继承 function Person(name,age){ this.name = name this.age = age this.hobby = ['唱歌','打游戏'] this.obj= { a:1, b:2 } } function Person2(){ this.hos = '123' } Person2.prototype = new Person('张三',...
element UI， Bootstrap，amazeUI 插件使用部分总结
sinat_15682257的博客
07-11 5583
1.element-ui el-prover 在表格中使用，并且能用js手动控制popver关闭&lt;el-table-column label="操作" width="235" fixed="right"&gt; &lt;template scope="scope"&gt; &lt;el-popover trigger="click" placeme
关于微信二维码带参跳小程序
sinat_15682257的博客
06-06 2626
1.自定义二维码扫码进入小程序页面规则  如果后缀参数带？id=X，X是变化的，则不满足前缀匹配，所以带动态参数值的无法扫码打开指定页面，我们的页面每个活动id也是变化的，所以扫码进入小程序当前活动也是无法实现的2.公众号跳小程序1.公众号介绍页：找到公众号关联的小程序，如丰巢快递公众号2.公众号自定义菜单： 可设置为一级菜单或二级菜单3.公众号模板消息：关联时下发4.公众号图文消息中的小程序卡片...
理解JavaScript中的this、new、apply和call
"本文主要探讨JavaScript中的技术难点，聚焦于this、new、apply和call四个核心概念，并通过对比Java中的this用法，帮助读者从应用层面理解JavaScript中的this指针。" 在JavaScript中，this是一个非常关键的概念，它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值