bind、apply与call - 相关文章

javascript中bind,apply,call的相同和不同之处

javasctipt中bind,apply,call的相同点是: 1,都是用来改变this的指向; 2,都可以通过后续参数进行传参; 3,第一个参数都是指定this要指向的对象; 不同点: 1,调用方式不同,apply和call的调用方式一致,但是bind方式就不一样了; var xz = { name:'小张', age:20, show: function () { console.log("name: %s; age: %d;",this.name,this.age); } }…

javascript 的bind/apply/call性能

javascript有两种使用频率非常高的三个内置的功能:bind/apply/call.许多技术是基于高点,这些功能实现.这三个功能被用来改变的功能运行环境.从而达到代码复用的目的. 先来所说bind函数, bind,函数通常有两个用途: 1. 创建新函数,指定函数的this指针. name = 'global'; var obj1 = {name: 'foo'}; var showName = function() { console.log(this.name); } showName()…

.bind.apply() 解决 new 操作符不能用与 apply 或 call 同时使用

背景: 小明想要用数组的形式为 Cls.func 传入多个参数,他想到了以下的写法: var a = new Cls.func.apply(null, [1, 2, 3]); 然而浏览器却报错Cls.func.apply is not a constructor. 乍一看是 new 操作符去修饰 Cls.func.apply 了,于是他又这么写: var a = (new Cls.func).apply(null, [1, 2, 3]); 浏览器依旧报错...好吧,还是好好查一查相关的解决方法吧…

bind,apply,call的区别

在Javascript中,bind, apply, call方法都可以显式绑定上下文this,这三者有何不同呢? bind只绑定this不马上执行 var person = { firstname: 'darren', lastname: 'ji', getFullName: function(){ var fullname = this.firstname + ' ' + this.lastname; return fullname; } }; //在浏览器中这里的this就是指向window…

箭头函数表达式和声名式函数表达式的区别以及 Function.prototype的bind, apply，call方法

箭头函数不能用做构造函数箭头函数没有arguments参数箭头函数没有自己的this,是从作用域链上取this,是与箭头函数定义的位置有关的,与执行时谁调用无关,所以用call,apply,bind去调用箭头函数时,第一个参数会被忽略.非箭头函数是在函数调用时,在当前执行上下文里动态的取this. Function.prototype的bind, apply,call方法: apply,call和bind都为改变this的指向,利用这一点可以用它们来实现继承 function objFun(…

JavaScript: bind apply call

bind,apply,call区别总结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> var test = { a : 5, b : 6, sum : function…

this bind apply call

this 是当前函数运行时所属的对象bind 是指定一个函数运行时的上下文,也就是说把这个函数的this指向绑定到相应对象上,默认的暴露在全局御中的函数this指向widow对象, 严格模式下全局的this为undefinedcall和apply的作用是一样的 ,大致是执行某个函数但是用另一个对象的实例替换为上下文执行,call传参数的方法是通过" ,"号的方式分隔着传进去,apply是直接传一个参数数组进去 call方法: 语法:call([thisObj[,arg1[, arg2[…

call bind apply的区别

call() 和apply()的第一个参数相同,就是指定的对象.这个对象就是该函数的执行上下文. call()和apply()的区别就在于,两者之间的参数. call()在第一个参数之后的后续所有参数就是传入该函数的值. apply() 只有两个参数,第一个是对象,第二个是数组,这个数组就是该函数的参数. bind() 方法和前两者不同在于: bind() 方法会返回执行上下文被改变的函数而不会立即执行,而前两者是直接执行该函数.他的参数和call()相同.…

数组去重，call、apply、bind之间的区别，this用法总结

一.数组去重,直接写到Array原型链上. //该方法只能去除相同的数字不会去判断24和'24'是不同的所有数字和字符串数字是相同是重复的 Array.prototype.redup=function(){ var obj={}; for(var i=0;i<this.length;i++){ var val=this[i]; if(obj[val]==this[i]){ //如果发现重复的 this[i]=this[this.length-1]; //那就把最后一个赋值给当前的这个数组元素…

Function.apply.bind()与Function.apply.bind()

1.Function.apply.bind(…) 我在学习promise部分的时候遇到了这样的代码: Promise.resolve([10,20]).then(Function.apply.bind(function(x, y){ console.log(x, y); }, null)); // 10,20 看到这里我已经蒙圈了,Function.apply.bind(…)是个什么操作?可能很多人和我一样之前只接触过Function.bind.apply(…). 于是查了一下文档,大致明白了其…

...扩展运算符+rest参数+call/apply/bind

之前在set,map里面有提过扩展运算符的概念,但是今天偶然遇到一个问题,类似于扩展运算符的经典用法,突然发现对其了解不是很深,所以再来整理一下扩展运算符的相关知识. 重点:扩展运算符内部调用的是数据结构的 Iterator 接口经典案例: // 去除数组的重复成员 [...new Set(array)] 一.含义扩展运算符(spread)是三个点(...).它好比 rest 参数注①的逆运算,将一个数组转为用逗号分隔的参数序列.(rest参数为形参,扩展运算符是实参,理解为相反) cons…

javascript 面向对象学习（三）——this，bind、apply 和 call

this 是 js 里绕不开的话题,也是非常容易混淆的概念,今天试着把它理一理. this 在非严格模式下,总是指向一个对象,在严格模式下可以是任意值,本文仅考虑非严格模式.记住它总是指向一个对象对于理解它的意义很重要.this 在实际使用中,大致分为以下几种情况: 1. 函数作为对象的方法调用时,this 指向调用该函数的对象 var obj = { name: 'jack', getName: function() { console.log(this === obj) // true co…

js apply() call() bind() 的使用

bind ,call,apply 这三者都是用来改变函数的this对象的指向的. call和apply其实是同一个东西,区别只有参数不同. 其实call和apply ,只要你调用调用一个函数的时候就可以用,任何时候,任何函数,随便用,但是没有意义,但是我们得知道什么场景合适去用. call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向.因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及…

javascript中利用柯里化函数实现bind方法

柯理化函数思想:一个js预先处理的思想:利用函数执行可以形成一个不销毁的作用域的原理,把需要预先处理的内容都储存在这个不销毁的作用域中,并且返回一个小函数,以后我们执行的都是小函数,在小函数中把之前预先存储的值进行相关的操作处理即可: 柯里化函数主要起到预处理的作用: bind方法的作用:把传递进来的callback回调方法中的this预先处理为上下文context; /** * bind方法实现原理1 * @param callback [Function] 回调函数 * @param con…

std::bind(二)

bind - boost 头文件: boost/bind.hpp bind 是一组重载的函数模板. 用来向一个函数(或函数对象)绑定某些参数. bind的返回值是一个函数对象. 它的源文件太长了. 看不下去. 这里只记下它的用法: 9.1 对于普通函数假如有函数 fun() 如下: void fun(int x, int y) { cout << x << ", " << y << endl; } 现在我们看看怎么用bind 向其绑定参…

boost::bind实践

第一部分源码为基础实践: /*Beyond the C++ Standard Library ( An Introduction to Boost )[CN].chm*/ /*bind的用法*/ #include <iostream> #include <algorithm> #include <functional> #include <vector> #include <boost/bind/bind.hpp> #include <bo…

boost bind使用指南

bind - boost 头文件: boost/bind.hpp bind 是一组重载的函数模板.用来向一个函数(或函数对象)绑定某些参数. bind的返回值是一个函数对象. 它的源文件太长了. 看不下去. 这里只记下它的用法: 9.1 对于普通函数假如有函数 fun() 如下: void fun(int x, int y) { cout << x << ", " << y << endl; }现在我们看看怎么用bind 向其绑定参…

boost::bind 详解

使用 boost::bind是标准库函数std::bind1st和std::bind2nd的一种泛化形式.其可以支持函数对象.函数.函数指针.成员函数指针,并且绑定任意参数到某个指定值上或者将输入参数传入任意位置. 1. 通过functions和function pointers使用bind 给定如下函数: int f(int a, int b) { return a + b; } int g(int a, int b, int c) { return a + b + c; } 可以绑定所有参数…

Js apply方法与call方法详解附ES6新写法

我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高.. 主要我是要解决一下几个问题: 1.apply和call的区别在哪里 2.什么情况下用apply,什么情况下用call 3.apply的其他巧妙用法(一般在什么情况下可以使用apply) 我首先从网上查到关于app…

AngularJS 脏检查深入分析

写在开头关于Angular脏检查,之前没有仔细学习,只是旁听道说,Angular 会定时的进行周期性数据检查,将前台和后台数据进行比较,所以非常损耗性能. 这是大错而特错的.我甚至在新浪前端面试的时候胡说一通,现在想来真是羞愧难当! 没有深入了解就信口开河实在难堪大任. 最后被拒也是理所当然. 在剖析之前,非常感谢坐镇苏宁的徐飞,现在已经不在苏宁了,我也是在他翻译的文章(Build Your own AngularJS)和博客才略懂一二. 徐飞关于知乎问题国内前端团队分布和前景是怎样的?的回答…

30行代码让你理解angular依赖注入：angular 依赖注入原理

依赖注入(Dependency Injection,简称DI)是像C#,java等典型的面向对象语言框架设计原则控制反转的一种典型的一种实现方式,angular把它引入到js中,介绍angular依赖注入的使用方式的文章很多, angular官方的文档,也有很详细的说明.但介绍原理的较少,angular代码结构较复杂,文章实现了一简化版本的DI,核心代码只有30行左右,相看实现效果(可能需FQ)或查看源码这篇文章用尽量简单的方式说一说 angular依赖注入的实现. 简化的实现原理要实现注入…

原生JS实战：写了个斗牛游戏，分享给大家一起玩！

本文是苏福的原创文章,转载请注明出处:苏福CNblog:http://www.cnblogs.com/susufufu/p/5869953.html 该程序是本人的个人作品,写的不好,未经本人允许,请不要用于其它用途! 奋战一天一夜终于把斗牛游戏给写出来了(主要是除bug时间用的多!若大家发现新的bug欢迎留言) 这是游戏规则:百度牛牛规则点击查看演示: 苏福的JS小游戏庄无牛押注: 3 阿尔法1 金钱: 1000 庄牛牛押注: 3 阿尔法2 金钱: 1000 庄牛9 押注: 3…

angular 依赖注入原理

依赖注入(Dependency Injection,简称DI)是像C#,java等典型的面向对象语言框架设计原则控制反转的一种典型的一种实现方式,angular把它引入到js中,介绍angular依赖注入的使用方式的文章很多,angular官方的文档,也有很详细的说明.但介绍原理的较少,angular代码结构较复杂,文章实现了一简化版本的DI,核心代码只有30行左右,相看实现效果(可能需FQ)或查看源码这篇文章用尽量简单的方式说一说 angular依赖注入的实现. 简化的实现原理要实现注入,…

javascript 杂记

博客 http://www.cnblogs.com/onepixel/ http://www.cnblogs.com/ahthw/p/4240220.html#javascript call.apply.bind方法. http://www.cnblogs.com/shuiyi/p/5178742.html 瀑布流式懒加载实现 http://www.cnblogs.com/yisuowushinian/p/5208068.html 数组操作 http://www.cnblogs.com/zhan…

Object.prototype 与 Function.prototype 与 instanceof 运算符

方法: hasOwnProperty isPrototypeOf propertyIsEnumerable hasOwnProperty 该方法用来判断一个对象中的某一个属性是否是自己提供的( 住要用在判断属性是原型继承的还是自己提供的 ) 语法: 对象.hasOwnProperty( '属性名' ) -> boolean isPrototypeOf 凡是看到 of 翻译成的, 反过来翻译: prototype of obj, 翻译成 obj 的原型因此该方法的含义是: xxx 是 xxx…

别再为了this发愁了------JS中的this机制

别再为了this发愁了------JS中的this机制题记:JavaScript中有很多令人困惑的地方,或者叫做机制.但是,就是这些东西让JavaScript显得那么美好而与众不同.比方说函数也是对象.闭包.原型链继承等等,而这其中就包括颇让人费解的this机制.不管是新手还是老手,不仔细深抠一下还真闹不明白this倒地咋回事捏.今天,我们就一起看一下this倒地咋回事,别再为了this发愁了. 1.this是啥? 简言之,this是JavaScript语言中定义的众多关键字之一,它的特殊在于…

问得最多的十个JavaScript前端面试问题

我知道有很多人不同意这种类型的面试.其实不管你喜不喜欢,你都得接受.尤其当你是自学的,而且要申请第一份工作时. 我估计很多有人其它方法来证明他自己,像Github/ 项目地址可能是非常理想的证明方法,但也别全都指望这些. 好消息是有一些很难的问题,在有限的时间里我没答上来(比如说Event Loop和杨辉三角),一些其它面试侯选人也承认他们也没答上来,这会让讨论变得轻松很多. 坏消息是有些面试之后就没有任何反馈了.有三家公司再也没联系过.这点击打击自信,而且没有受到尊重.然后你可能会…

Scalaz（18）－ Monad： ReaderWriterState-可以是一种简单的编程语言

说道FP,我们马上会联想到Monad.我们说过Monad的代表函数flatMap可以把两个运算F[A],F[B]连续起来,这样就可以从程序的意义上形成一种串型的流程(workflow).更直白的讲法是:任何类型只要实现了flatMap就可以用for-comprehension, for{...}yield.在这个for{...}里我们可以好像OOP一样编写程序.这个for就是一种运算模式,它规范了在for{...}里指令的行为.我们正从OOP风格走入FP编程模式,希望有个最基本的FP编程模式使我…

Scalaz（17）－ Monad：泛函状态类型－State Monad

我们经常提到函数式编程就是F[T].这个F可以被视为一种运算模式.我们是在F运算模式的壳子内对T进行计算.理论上来讲,函数式程序的运行状态也应该是在这个运算模式壳子内的,也是在F[]内更新的.那么我们就应该像函数式运算T值一样,也有一套函数式更新程序状态的方法.之前我们介绍了Writer Monad.Writer也是在F[]内维护Log的,可以说是一种状态维护方式.但Writer的Log是一种Monoid类型,只支持Semigroup的a|+|b操作,所以只能实现一种两段Log相加累积这种效果.…

【bind、apply与call】的更多相关文章