构造函数原型指向以及使用call（）、apply（）、bind（）方法来借用构造函数

最新推荐文章于 2022-05-23 20:58:58 发布
最新推荐文章于 2022-05-23 20:58:58 发布
阅读量454 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45305088/article/details/109405330
版权

函数都有prototype ，构造函数里有prototype指向原型对象，原型对象里存储的构造函数里的属性与方法 原型对象里还有constructor指向构造函数 实例对象里有_proto_指向构造函数的constructor相当于也指向原型对象

//call() 与apply()差不多 不同点在于后者把传的参数放在数组里—（this,[name,age]）而bind方法传参方式跟call一样不同点在于需要在bind（）后面再加一个括号（）变成bind（this，name，age）() 因为bind返回的是一个跟被借用函数相同的函数体函数 就比如：下面例子中使用call方法以后 相当于复刻了一遍Person里的操作，边复刻边执行，而bind是把整个Person复刻，相当于 function Person（...）{...}所以需要在后面加一个括号来执行这个函数
        function Person (name, age) {
   
            this.type = 'human';
            this.name = name;
            this.age = age
最低0.47元/天 解锁文章
头发极其浓密的程序员
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
JS中改变this指向的方法(call和apply、bind)
10-22
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生...但是总有一个原则，那就是this指的是调用函数的那个对象，通过本文给大家介绍JS中改变this指向的方法(call和apply、bind)，需要的朋友参考下
JavaScript构造函数和原型、原型链及this指向
m0_52942098的博客
06-05 625
目录原型对象this关键字错误处理继承 原型对象 原型对象：每个构造函数都有一个原型对象存在，这个原型函数通过构造函数的prototype属性来访问。 构造函数的原型对象：每个构造函数定义后都有一个prototype属性，代表的是该构造函数的原型。 对象的原型对象：每个对象都有一个__proto__属性，这个属性指向了对象的原型对象。 每个原型对象都有一个constructor属性，该属性指向构造函数。 this关键字 错误处理 继承 ...
构造函数和原型
weixin_52065872的博客
05-23 208
对象的三种创建方式、静态成员和实例成员、构造函数的问题、构造函数原型prototype、对象原型、constructor构造函数、原型链、构造函数实例和原型对象三角关系、原型链和成员的查找机制、原型对象中this指向、通过原型为数组扩展内置方法
构造函数和原型对象 以及原型链
feng_cy的博客
09-15 189
原型链和构造函数 js每一个对象都会指向一个原型对象，并能从原型对象中继承属性。每个对象都能通过proto属性访问到本身原型对象。创建对象的方式不同，对象的原型也会不同。对象的原型层层指向就能构成原型链。 原型和原型链 js中最基本的对象是 Object.prototype 。js中所有的对象的原型链最后都会指向 Object.prototype 这个对象。对象字面量创建的对象的原型会直接指向 Object.prototype 。js中函数也是对象，函数的原型则不是直接指向 Object.prot..
bind函数作用、应用场景以及模拟实现
weixin_34007291的博客
12-27 951
bind函数 bind 函数挂在 Function 的原型上 Function.prototype.bind 创建的函数都可以直接调用 bind,使用： function func(){ console.log(this) } func.bind(); // 用函数来调用 bind 的作用： bin...
透彻看懂apply()和call()方法，以及一些妙用
叮当的猫猫的博客
11-18 749
一、定义 call 和apply 都是Function对象的原型方法，他们是把特定的函数当做一个方法绑定到指定的对象上进行调用。这两个方法功能用法相同，区别是他们传的参数不同，其中apply()是用数组的方式进行传参，call()则用数值的方式进行传参。 1.Function.apply(obj,args) obj:这是一个对象，将代替Function里面的this对象 args:这是一个数组，他将作为参数传给Function 2.Function.call(obj,value1,value2…) obj:
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试 this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处...
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
C++中使用function和bind绑定类成员函数的方法详解
01-19
定义一个普通的类 class Test1{ public: void fun(int val){ cout<<hello> pf = std::bind(&Test1::fun,t,2); pf(4);...如果我们想自定义参数，使用占位符，std::placeholders::_1，可以看
借用构造函数 call()方法
weixin_44399953的博客
09-22 756
call()方法 fun.call(thisArg, arg1, arg2, ...) thisArg: 当前调用函数this的指向对象 arg1,arg2: 传递的其他参数 简单了解完call()后放在代码中更全面的认识一下 function SuperType() { this.colors = ['red','blue','green'] console.log(this.colors) } /* 按照以往我们会通过SuperType() 来调用函数*/ Super
函数，构造函数中使用call，apply，bind 以及他们的区别
weixin_50736511的博客
11-27 459
函数中使用 bind function eat(food,name){ this.food=food this.call=call } function weather(food,name,what){ console.log("今天的天气是"+what); console.log("我喜欢吃"+food); console.log("我是"+name) } weather.bind(eat,"肉","狗","大雨")() call function eat(food,name){
call()与构造函数的运用
weixin_30788239的博客
09-04 404
一、简介 call()和apply()方法是所有函数体的固有属性，可以在指定作用域下调用函数。这里面有两层意思：1.可以在另外的作用域下调用函数；2.当函数体是是构造函数时，call()方法能达到类之间继承的效果。 二、call() 1.调用函数 下面举例说明： var a = function (){ console.log('aaa') } var b = fu...
构造函数与构造函数的继承以及call和apply的区别
jason_renyu的博客
12-21 751
//(一)、工厂模式 /* 工厂模式是软件工程领域一种广为人知的设计模式,这种模式抽象了创建具体对象的 过程. **/ //下面首先来个简单易懂的例子吧!注释很详细,不理解的朋友一起来看看吧! //1.普通函数 function demo(){ //第一步:进入工厂,创建个函数; var obj = new Object();
原型
莉兹Liz的博客
12-18 830
什么是原型 原型指的是显式原型prototype和隐式原型__proto__ prototype：所有的函数都有prototype属性，prototype属性的值是原型对象 原型对象上默认有两个属性，constructor和__proto__ constructor：指向函数本身，因此foo().prototype.constructor === foo(); __proto__：指向Objec...
通过构造函数创建的对象的原型指向构造函数的prototype属性
破晓
05-17 1649
function Range(from,to){ this.from = from; this.to = to; } Range.prototype = { includes:function(x){return x>=this.from && x<=this.to;}, forearch:function(){for(var i
JS重写构造函数后原型中的constructor的指向问题以及重写之前的原型到哪去了？
hgzzzz的博客
08-06 3664
问题一 ： 构造函数的prototype属性指向它的prototype对象，也就是原型对象，在原型对象中有一个constructor属性，指向该构造函数。但是我们在使用构造函数时，一般会重写它的原型，会导致constructor指向出问题。 问题二 ：在重写原型对象之后，重写之前的原型对象到哪去了？ function Animal() {} Animal.prototype.say = f...
bind返回函数被当成构造函数的情况
qq_44363897的博客
04-28 1230
bind返回函数被当成构造函数的情况 在MDN中有这么一句话 bind()中的第一个参数：调用绑定函数时作为 this 参数传递给目标函数的值。 如果使用new运算符构造绑定函数，则忽略该值 那么这句话啥意思呢？？ 首先，我们都知道bind()会返回一个新的函数，如果这个返回的新的函数作为构造函数创建一个新的对象，那么此时this不再指向传入给bind的第一个参数，而是指向用new创建的实例 f...
JS中构造函数和原型的细节分析
MichaelAn的博客
05-23 3107
构造函数和原型是JS中重要的部分。JavaScript中使用构造函数的目的就是创建新对象。相对于强类型语言java使用class创建对象，JS创建对象主要有两种方法：第一种是字面量形式创建（不提倡使用，大量使用影响性能，内存伤不起）；第二种方法就是构造函数创建对象（建议使用）。还有其他小众的方法在此不赘述。...
使用构造函数以及原型的方法实现图片轮播
最新发布
03-28
以下是一个使用构造函数以及原型的方法实现图片轮播的示例代码： ```javascript function Slider(elementId, images) { this.element = document.getElementById(elementId); this.images = images; this.currentIndex = 0; this.intervalId = null; } Slider.prototype.start = function() { this.showImage(); this.intervalId = setInterval(this.showImage.bind(this), 3000); }; Slider.prototype.showImage = function() { var imageUrl = this.images[this.currentIndex]; this.element.style.backgroundImage = 'url(' + imageUrl + ')'; this.currentIndex = (this.currentIndex + 1) % this.images.length; }; var images = [ 'http://example.com/image1.jpg', 'http://example.com/image2.jpg', 'http://example.com/image3.jpg' ]; var slider = new Slider('slider', images); slider.start(); ``` 这个示例代码中，`Slider` 构造函数接收两个参数：要轮播的元素的 ID 和图片的数组。它还定义了一些属性，例如当前显示的图片的索引以及定时器的 ID。`start` 方法用于开始轮播，并在每个 3 秒钟显示下一张图片。`showImage` 方法用于显示当前索引对应的图片，并将索引递增以准备显示下一张图片。 在最后，我们创建了一个 `Slider` 实例，并调用它的 `start` 方法开始轮播。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值