彻底理解js的对象继承

最新推荐文章于 2022-01-08 09:49:58 发布
最新推荐文章于 2022-01-08 09:49:58 发布
阅读量283 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyzx_in_csdn/article/details/78169033
版权
 XML Code 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function A(){
    console.log( "....");
    this[ "name"] =  "liyaohui";
}

function B(){
    A.call(this);
}

var b = new B();
alert(b[ "name"]);
这样就实现了js对象的继承



具体是为什么呢？来看看call函数
function A(){
    alert(this);
}

//A();   
//A.call();
此时调用A()和调用A.call()的作用是一样的
再来看看当调用A.call(1)时，弹出的是1；
        当调用A.call( "lyzx")时，弹出的是 "lyzx"；
我明明弹出的是this但是A.call(param)会弹出param呢，原来call()方法会把第一个参数当做this来处理
这就可以理解当B的构造函数里面调用A.call(this)时就可以实现B继承A了，
此时this是B的一个实例，A构造函数本来要给自己的实例添加name实行并赋值，而此时this是B的实例所以就把
name属性和值加在了B的实例上，从而实现了继承
lyzx_in_csdn
关注
菜鸟学习第二十三天js对象模型和function对象，js中的继承
qjw1314520的博客
05-10 203
1.在js中，函数（function）就是对象，后面的名字就是对象的引用 2.在js中，没有方法（函数）重载的概念 3.所以假设有同名的function函数，那么执行的永远是后面的那个同名function函数，因为对象被重新赋值了，一般采用第二种： <script> function add() { alert("30"); } ...
【5期】彻底搞懂JS原型继承之——函数对象和普通对象
微光·火炬
09-09 1160
JS对象分为函数对象与普通对象 函数对象，其实就是 JavaScript 的用函数来模拟的类实现。 所有 Function 的实例都是函数对象，其他的均为普通对象，其中包括 Function 实例的实例。 Function.__proto__ === Function.prototype//true function fun1(){}; const fun2 = function(){}; const fun3 = new Function('name','console.log(name)'); con
js对象继承理解
qq_25503949的博客
05-07 185
js对象继承理解 一.原型链： 用法：把实例的父类给子函数的原型 缺点： 1》因为修改了obj1.arr后obj2.arr也变了，因为来自原型对象的引用属性里所有实例共享的 2》创建子类实例时，无法向父类构造函数传递参数 function Parent(){//父 this.userName = "父函数"; this.arr = [1,2,3]; } function Ch...
Js中面向对象编程之继承的几种方式及理解
dlshbn的博客
11-25 598
function Person(name,sex){ this.name = name; this.sex = sex; var privateObj = "privateInfo";//js中的私有变量 this.say = function(){ console.log("say==",privateObj); } } /* js中设置静态变量和静态方法 Person.stati
理解javascript对象继承_javascript技巧
01-08 144
理解javascript对象继承_javascript技巧 先从一个问题进行研究深入，什么是javascript对象继承？ 比如我们有一个“动物”对象的构造函数。 function animal() { this.type = '动物'; } 还有一个“猫”对象的构造函数。 function cat(name,color) { this.name = name; this.color = color; } 我们知道猫也属于动物，如果这个猫对象想要继
JavaScript中的继承！
Sapling
03-27 685
有继承,必定会有两个构造函数,一个是父类,一个是子类,只有这样才能发生继承关系。话不多说直接进入主题。 这里先声明一个父类Person, 下面的继承均继承于这里的Person父类。 function Person(name){ this.name = name || 'person' this.eat = function(){ console.log('this is eat'); }...
彻底理解js面向对象之继承
01-21
奈何js中没有签名，因而只有实现继承，而且靠的是原型链实现的。下面正式的说一说js中继承那点事儿 1、原型链 原型链：实现继承的主要方法，利用原型让一个引用类型继承另一个引用类型的属性和方法。 回顾：构造函数...
彻底理解JavaScript this关键字及其应用
在JavaScript编程中，"this"关键字是一个核心概念，它在理解函数作用域、对象实例以及原型链等方面起着至关重要的作用。"this"的关键特性在于它的动态绑定，其指向取决于调用它的上下文，而非简单的函数定义位置。...
详解JS中的原型与继承
riddle1981的博客
05-10 852
每当我们提起原型链时不免会想到原型对象，对象的原型，还有众多的继承方式。于是prototype、[[prototype]]、constructor等等难免在头脑中打架。 然而原型其实并不是什么高大上的内容，事实上随处可见。每当我们尝试调用对象方法或者获取对象属性时。js引擎都会检测对象上是否存在这个方法或属性，如果没有会检查他的原型链上是否存在这个方法或属性。直到检查到了结果或者遍历完了整条原型链都没有找到。除了对象，例如数组或函数本质上也都是对象，因此原型在js中其实是一个很基础但重要的内容。 本文尝试用
js中的继承详解
yaojxing的博客
05-15 404
js中实现继承的多种方式以及它们各自的优缺点
js继承的理解
清风的专栏
10-29 516
<br />今天再次看js继承，有了新的理解。其实是对作用域的进一步理解<br /> <br />首先看一个例子：<br /> <br />function A(name){<br />     this.name = name;<br />     this.sayHello = function(){alert(this.name+” say Hello!”);};<br /> }<br /><br /> function B(name,id){<br />     t
js中继承的理解
垂钓老翁的博客
04-03 132
js的继承有原型链继承、借用构造函数实现继承、组合继承、寄生组合式继承。 下面介绍这几种继承方式的实现： 一、原型链继承 function Animal(name){ this.name=name; } Animal.prototype.run=function(){ console.log(this.name+"run"); } funciton Dog(){}; Dog.prototype=new Animal("dog"); let dog1=new Dog(); let dog2=new Dog
js实现继承的5种方式
li00828的博客
02-26 329
1、继承第一种方式：对象冒充?123456789101112131415161718192021222324function Parent(username){  this.username = username;  this.hello = function(){   alert(this.username);  }}function Child(username,password){  //通...
javascript中类的继承例子
muli
03-02 619
javascript中类的继承例子&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;03-类的继承&lt;/title&gt; &lt;script type="text/javascript&quot
关于js的六种继承方式及其优缺点
Eden_Yin的博客
07-26 1451
一、原型链继承 /* 原型链： JavaScript中实现继承最简单的方式就是使用原型链，将子类型的原型指向父类型的实例即可，即“子类 型.prototype = new 父类型();”，实现方法如下： */ //为父类型创建构造函数 function SuperType () { this.name = [...
js继承的方式及其优缺点
dengdongxia的博客
03-17 6732
js继承方法前因：ECMAScript不支持接口继承，只支持实现继承一、原型链概念：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针，让这个原型对象（子的原型）等于要继承的引用类型（父）的实例，由于引用类型（父）的实例包含一个指向（父）原型对象的内部指针，以此类推，层层递进，便构成实例与原型的链条，即原型链。基本思想：利用原型让（子）引用类...
JS中继承关系的应用
weixin_44002432的博客
11-02 524
前言 面向对象编程很重要的一个方面，就是对象的继承。A对象通过继承B对象，就能直接拥有B对象的所有属性和方法。这对于代码的复用是非常有用的。传统上，JavaScript语言的继承不通过class，需要使用原型机制或者用applay和call方法实现。ES6引入了class语法，则出现了基于class的继承。 继承解决了什么？ 为什么要使用继承？继承解决了什么问题？这里就不卖关子了，直接给出答案。继...
JS中继承的几种方式
热门推荐
刘运召的博客
05-11 1万+
JS中继承的几种方式
js继承的原理
dianbolan的博客
12-30 2540
js中的对象和函数最顶级的两个类为Object和Function,任何由我们定义的函数或对象都是这两个类的子类 也就是说js中的一切都是对象. 一.函数对象和一般对象 对象分为函数对象和一般对象, 函数对象,比如function f(),var f = function(){},var f = new Function("arg","statement"),他们都拥有以下两个特殊的属性__
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值