2.32-call()方法实现继承

古城微笑少年丶 2023-05-28 15:46 4阅读 0赞

### call()方法 ###

1 call() 可以实现函数调用

2 可以改变函数中this指向 第一个参数是要改变this的值

比较：（后续做详细比较）

call(obj,1,2) apply(obj,\[1,2\]) apply()同等于call()

bind(obj,1,2) 只绑定一个函数，不调用

function fun(a, b) { 
                console.log(this);
                console.log(a, b);
                console.log('好好学习！');
            }
            var obj = { 
                num: 100
            };
            fun(); // window.fun() 此时this === window
            // 1 call() 可以实现函数调用
            fun.call();
            // 2 可以改变函数中this指向 第一个参数实现this的改变
            fun.call(obj,10,20);  //this 指向{num: 100}

示例：

function Fa(name, age) { 
                console.log(this);
                this.name = name;
                this.age = age;
            }
    		//父亲原型上添加一个方法
            Fa.prototype.getMoney = function() { 
                console.log(1000000);
            }
    
            function Son(name, age) { 
                // new Son的时候 this指向Son的实例Son{..}
                Fa.call(this, name, age); // Fa()
            }
            //Son.prototype = Fa.prototype; //直接赋值不好，因为constructor指向Fa，并且父亲也有study方法
            Son.prototype = new Fa('wjj', 23); // {name:'wjj',age:23,__proto__}
            Son.prototype.constructor = Son;
    		//以上实现父亲方法的继承
            // 儿子自己专用的方法
            Son.prototype.study = function() { 
                console.log('haohaoxuexi');
            }
    
            var zyc = new Son('张有才', 22);
            zyc.getMoney();
            console.log(zyc.name, zyc.age);
    
    
            /* 分析 Fa Fa.prototype ({constructor:Fa,getMoney:fun...}) ^ | Son Son.prototype zyc.getMoney(); zyc.__proto__ === Son.prototype {name:'wjj',age:23,__proto__} */

图解分析：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM1MzY3OQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTM1MzY3OQ_size_16_color_FFFFFF_t_70]: /images/20230528/0cac0ec526de419aafa05891a8049248.png

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 232. 用栈实现队列

请你仅使用两个栈实现先入先出队列。队列应当支持一般队列支持的所有操作（push、pop、peek、empty）：实现 MyQueue 类： void push(int x

ゝ一纸荒年。/ 2024年03月29日 15:16/ 0 赞/ 186 阅读

相关 232.用栈实现队列

232.用栈实现队列题目背景重要思路拓展代码实现题目背景 [232. 用栈实现队列 ][232. _] 使用栈实现队列的下

冷不防/ 2023年10月13日 22:19/ 0 赞/ 211 阅读

相关 JS 手写实现call,apply方法

大概思路就是将你要调用的方法添加为对象里面的属性方法，这样就改变了方法里面的htis指向obj,然后调用该对象里面的方法，调用完成后，再将对象里面的此方法删除delete,

客官°小女子只卖身不卖艺/ 2023年10月10日 20:54/ 0 赞/ 166 阅读

相关 js的继承,call()方法的运用(1)

在es6之前,是没有extends继承的,我们都是通过构造函数,原型对象来模拟,实现了继承. 为什么这么说呢? 这是因为我们是利用构造函数来继承属性,利用原型对象来继承

深碍√TFBOYSˉ_/ 2023年07月13日 10:37/ 0 赞/ 127 阅读

相关手写call和apply方法实现

[call方法实现视频讲解地址][call] [apply方法实现视频讲解地址][apply] call var name = 'flten'; v

朴灿烈づ我的快乐病毒、/ 2023年07月13日 08:21/ 0 赞/ 140 阅读

相关 2.32-call()方法实现继承

call()方法 1 call() 可以实现函数调用 2 可以改变函数中this指向第一个参数是要改变this的值比较：（后续做详细比较） call(obj,1

古城微笑少年丶/ 2023年05月28日 15:46/ 0 赞/ 5 阅读

相关 232. 用栈实现队列（JS实现）

1 题目 > 使用栈实现队列的下列操作： > push(x) – 将一个元素放入队列的尾部。 > pop() – 从队列首部移除元素。 > peek() –

小灰灰/ 2022年11月27日 12:29/ 0 赞/ 256 阅读

相关 232. 用栈实现队列

> 请你仅使用两个栈实现先入先出队列。队列应当支持一般队列支持的所有操作（push、pop、peek、empty）： > > 实现 MyQueue 类： > > void

红太狼/ 2022年10月10日 04:52/ 0 赞/ 300 阅读

相关 call方法apply方法

call方法: 语法：call(thisObj，Object1,Object2...) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： ca

男娘i/ 2022年03月18日 13:39/ 0 赞/ 551 阅读

相关 js使用prototype，call/apply实现继承

1、原型方式上一篇文章（[https://blog.csdn.net/liuxiao723846/article/details/81984357][https_blog.

- 日理万妓/ 2021年09月16日 04:46/ 0 赞/ 371 阅读