理解JS函数之call,apply,bind】的更多相关文章

函数在执行时,会在函数体内部自动生成一个this指针.谁直接调用产生这个this指针的函数,this就指向谁. 怎么理解指向呢,我认为指向就是等于.例如直接在js中输入下面的等式: console.log(this===window);//true 情况不同,this指向的对象也不同.例如: 1.  函数声明的情况 var bj=10; function add(){ var bj=20; console.log(this);//window console.log( console.log(b…
js函数预解析 例子1: 先上一段代码,看看能不能写出最终的执行结果. console.log(a); var a = 1; console.log(a); function a(){ console.log(2); } var a = 3; console.log(a); function a(){ console.log(4); } console.log(a); a(); 运行结果: 解释一下: 首先预解析阶段遇到 var a = 1:声明变量a 然后遇到第一个函数a声明,这时由于和变量a…
ECMAScript中的函数是对象,因此函数也有属性和方法.每个函数都包含两个属性:length和prototype,且每个函数包含两个非继承而来的方法apply()和call().这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内thiis对象的值. apply() apply()方法接受两个参数:一个是在其中运行函数的作用域,另一个是参数数组.其中,第二个参数可以是Array的实例,也可以是arguments对象. 定义:应用某一对象的一个方法,用另一个对象替换当前对象.即…
在JavaScript中,call.apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向. call.apply.bind方法的共同点和区别:apply . call .bind 三者都是用来改变函数的this对象的指向的:apply . call .bind 三者第一个参数都是this要指向的对象,也就是想指定的上下文(函数的每次调用都会拥有一个特殊值——本次调用的上下文(context)——这就是this关键字的值.):apply . ca…
这次说一下对象具体的一个实例:函数,以及其对应的作用域与作用域链.简单的东西大家查下API就行了,这里我更多的是分享自己的理解与技巧.对于作用域和作用域链,相信绝大多数朋友看了我的分享都能基本理解,少数人看完之后再努力思考思考,基本也就懂了.最后说一下,不合理的地方,欢迎批评指正. 函数调用 跳过基本的函数定义,直接说函数调用,js中的函数调用有以下四种方式: 1.直接调用 2.作为对象的方法调用 当作为对象调用时,这里的this指向调用方法的对象,而我们所说的链式调用即是在函数内部作用域的最后…
一.什么是节流和去抖? 1.节流 节流就是拧紧水龙头让水少流一点,但是不是不让水流了.想象一下在现实生活中有时候我们需要接一桶水,接水的同时不想一直站在那等着,可能要离开一会去干一点别的事请,让水差不多流满一桶水的时候再回来,这个时候,不能把水龙头开的太大,不然还没回来水就已经满了,浪费了好多水,这时候就需要节流,让自己回来的时候水差不多满了. 那在JS里有没有这种情况呢,典型的场景是图片懒加载监听页面的scoll事件,或者监听鼠标的mousemove事件,这些事件对应的处理方法相当于水,由于s…
JavaScript中的每个函数都是一个对象. 因为函数都是对象,它们有自己的属性和方法.我们可以把它们看作数据(data). 函数和方法的区别? 函数立足于它们自己(例如:alert()), 而方法是函数内部一个对象的属性(dictionary),我们通过对象来调用方法. 每个JavaScript函数都会有很多附属的(attached)方法,包括toString().call()以及apply(). 定义了一个全局函数f().f()通过this关键字访问变量x, ; function f(){…
1.new的原理和实现 它创建了一个全新的对象. 它会被执行 [[Prototype]](也就是 __proto__)链接. 它使 this指向新创建的对象. 通过 new创建的每个对象将最终被 [[Prototype]]链接到这个函数的 prototype对象上. 如果函数没有返回对象类型 Object(包含 Functoin,Array,Date,RegExg,Error),那么 new表达式中的函数调用将返回该对象引用. var A = function(x, y){ this.x = x…
函数也是对象,每个函数都有自己的方法. e.g. var jane = { name:'Jane', sayHelloTo:function(name) { 'use strict'; console.log(this.name+' say hello to '+name); } } 1.call Function. prototype. call( thisValue, arg1?, arg2?, ...)  例子如下: //调用方法 jane.sayHelloTo("Grant")…
function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } ); a.fun(); a.fun(); a.fun();//undefined,?,?,? ).fun().fun().fun();//undefined,?,?,? ).fun(); c.fun(); c.fun();//undefined,?,?,? //问:三行a,b,c的输出分别是什么? 这是一道非常典型的JS闭包问题…