Javascript四种调用模式中的this指向

第一种：函数直接调用执行的模式

function add(a,b){  console.log(this);   return a+b;
}
add(1,2)
//this===window 这里的this指向是window的

第二种：对象方法的调用模式

var people={  name:'wang',   sex:'男',  eat:function(){    console.log(this);   }
}
people.eat();
//this===对象，对象方法调用时，this指向被调用者

第三种：构造器的调用模式

function People(){  this.eat=function(){   console.log(this);   }
}
var wang=new People();
wang.eat();
//对象调用自己的方法，this===wang，谁new的this指向谁

第四种：call和apply调用模式

　　call方法有多个参数，第一个是要绑定给this的值，后面跟是若干。

　　apply方法有两个参数，第一个是要绑定给this的值，第二个是一个参数数组可以放若干。

 function change(a,b){this.detial=a*b;console.log(this);
}
var p={};
change.call(p,4,5);//此处的this===p
console.log(p.detial);
var q=[];
change.call(q,5,10)//this===q
console.log(q.detial);//apply和call一样的用法，只不过apply第二个参数用数组进行传递
var arr=[];
change.apply(arr,[10,10]);//this===arr
console.log(arr.detial);var str={};
change.apply(str,[20,20]);//this===str
console.log(str.detial);

转载于:https://www.cnblogs.com/wangmaoling/p/6535801.html

Javascript四种调用模式中的this指向相关推荐

【转】JavaScript中的this关键字使用的四种调用模式
http://blog.csdn.net/itpinpai/article/details/51004266 this关键字本意:这个.这里的意思. 在JavaScript中是指每一个方法或函数都会 ...
JavaScript中函数四种调用模式
目录 JS中函数的四种调用模式函数调用模式方法调用模式构造器调用模式上下文调用模式 JS中函数的四种调用模式在函数的调用模式中感觉最大的区别就是: this指向函数调用模式即通过函数名直 ...
JavaScript高级第2天：定义函数的三种方式、函数的原型链结构、完整原型链、作用域以及作用域链、函数的四种调用模式、闭包、计数器、斐波那契数列优化、三种继承方式
JavaScript高级第二天 01-定义函数的三种方式 1.函数声明 function:可以先调用再声明,因为预解析(把函数声明.变量声明进行提升) function fn() {//函数体conl ...
函数的四种调用模式.上下文调用.call.apply
闭包:函数就是一个闭包,一个封闭的作用域; 返回函数,要返回多个函数就用一个对象封装一下, 立即执行函数+return 回调函数 JS动态创建的DOM,不会被搜索引擎抓取,对SEO不友好. /*win ...
函数的四种调用模式以及call()apply()和bind()
函数的四种调用模式根据函数内部this的指向不同,可以将函数的调用模式分成4种函数调用模式方法调用模式构造函数调用模式上下文调用模式(借用方法模式) 函数:当一个函数不是一个对象的属性时,我 ...
Android学习-Kotlin语言入门-变量、函数、语法糖、when、for-in、主构造函数、单例类、函数式API、集合遍历、隐式Intent、Activity生命周期、四种启动模式、标准函数
探究java语言的运行机制变量.函数.语法糖 when条件语句 for循环主构造函数.次构造函数数据类和单例类集合的创建与遍历集合的函数式API 创建菜单隐式使用Intent Activi ...
漫谈IA32的系统管理模式（SMM）以及IA32的四种CPU模式
转载: http://bbs.csdn.net/topics/300235884 写在前面这是我的BIOS启蒙文章第二篇了,上一篇我谈了谈什么是legacy USB,和大家聊了聊在USB键盘背后 ...
Android中Activity的四种启动模式
每次看到这种专有词汇都十分佩服创造者的智慧,创造者一定和我一样都中二,我已然确信. 我写博客的目的,就是希望不断磨练自己,让自己能够不将一件简单的事情讲的复杂,让自己能将一件复杂的事情讲的简单.嘛嘛, ...
tp5类的属性不存在_thinkPHP5.1框架中Request类四种调用方式示例
本文实例讲述了thinkPHP5.1框架中Request类四种调用方式.分享给大家供大家参考,具体如下: 1. 传统调用访问方式:http://127.0.0.1/demo/demo3/test?n ...

Javascript四种调用模式中的this指向

Javascript四种调用模式中的this指向相关推荐

最新文章

热门文章