构造器调用模式this指向

2024-08-31

this 指向及调用方式

1. this 指向函数执行方式 this指向1.直接圆括号 window2.对象调用对象3.事件触发触发对象4.定时器运行 window (常常定义变量存储this以达到this指向特定对象)5.作为数组对象的某个元素该数组对象调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数,除此之外,每个函数接收两个附加的参数:this 和 arguments.this的值取决于调用的模式. 2. 调用方式 js中的四种调用模式: 方法调用模式函数调用模式构造器调用模式 apply

关于javascript中this 指向的4种调用模式

this指向问题绝对可以排js 的top 5最难和最重点的问题,初学者常常搞不清楚this指向哪里,特别是学过java和c#的人,想当年俺也迷糊了好久,直到遇到蝴蝶书,主要是因为js和主流的面向对象语言java,c#都不同(相似的问题还有new 操作符的问题, 关于new 构构器函数的原理,参见这篇文章: http://www.cnblogs.com/windyfancy/p/5167266.html ),this并不指向当前对象,这是理解this的关键所在,this的指向取决于你是采用何种方式

js中this的四种调用模式

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

JavaScript 再认识（一）：Function调用模式对this的影响

近来,学习了一下<JavaScript精粹>,读到了函数这章,理清了JavaScript中this在不同调用模式下的指向. 1.Function调用模式:Function是JavaScript的一种引用类型,拥有四种调用模式:方法调用模式,函数调用模式,构造器调用模式,apply(call, bind)调用模式 2.Function的不同调用模式对this产生不同的影响: (1)方法调用模式:Function作为对象的方法被调用.此时,this指向调用Function的对象. var obj

JavaScript函数的各种调用模式

函数是JavaScript世界里的第一公民,换句话来说,就是我们如果可以精通JavaScript函数的使用,那么对JavaScript的运用可以更游刃有余了.熟悉JavaScript的人应该都知道,同样的函数,以不同的方式调用的话,受影响最大的应该是 this .下面我们来说说JavaScript函数的各种调用模式. 一.普通函数的调用模式所谓普通函数的调用模式,也是JavaScript函数的最简单的一种调用模式,直接就是函数名后接一个 () 实现调用,看下面代码: function f

JS调用模式

在js中,一共4中调用方式.需要注意的是,调用方式中,this的指向问题. 函数调用模式 this丢失,debug会提示未定义相应属性.按照规范,需要将this赋值给that let myObj = { value : 1, double : function(){ let that = this let _ = function (){ that.value = that.value *2 // this.value = this.value *2 // 内部函数的this被绑定错误值 } _

js高级-函数的四种调用模式

1.对象方法调用模式方法内部的this指向当前调用者的对象d 定义类 (构造函数) function Dog (dogName){ //创建一个空对象让空对象==this this.name = dogName; this.age = 0; this.run = function(){ console.log(this.name + 'is running...') } //如果函数当做构造函数来调用(new)并且没有返回任何数据的时候默认返回this } var d= new D

javascript函数的四种调用模式及其this关键字的区别

方法调用模式: 当一个函数被保存为对象的一个属性时,我们称它为一个方法.当一个方法被调用时,this被绑定到该对象. //方法调用模式 var myObject = { value: 0 , increment: function(inc){ this.value += (typeof inc === 'number') ? inc :1; } }; myObject.increment(); document.writeln(myObject.value); myObject.incremen

JavaScript (JS) 函数补充 (含arguments、eval()、四种调用模式)

1. 程序异常 ① try-catch语法测试异常 try-catch语法代码如下: try { 异常代码; try中可以承重异常代码, console.log(“try”) 出现异常代码后,正确代码不会执行 } catch (e) { console.log(“e:”+e); try中出现异常在e中展现出来 console.log(“catch”); 只有try中出现异常才执行这段代码 } finally { console.log( 1 ); 无论try中有无异常,都

JavaScript函数的调用模式

我们说一个函数的调用模式是作为一个函数来调用,是要与其它三种调用模式做区分函数其他的三种调用: 方法调用模式,构造器调用模式,apply/call调用模式. 方法的调用模式: var obj={ fun1: function(){ //方法内容 this; //指的是window } } obj.fun1() //方法的调用构造器的调用: function Person(name, age, job){ this.name = name; this.age = age; this.job =

js 函数的调用模式

1.函数调用调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数.除了函数声明时定义的形参,每个函数还接受两个附加的参数:this和arguments(arguments并不是一个真正的数组,它拥有length属性,但它缺少数组的所有方法).参数this在面向对象编程中非常重要,它的值取决于调用的模式.在js中一共有四种调用模式:方法调用模式.函数调用模式.构造器调用模式和apply调用模式.这些模式在如何初始化关键参数this上存在差异.arguments的个数取决于函数定义时候形参的

JavaScript的4种this调用模式

方法调用模式:函数调用模式:构造器调用模式:apply调用模式: 方法调用模式: 当一个函数被保存为对象的一个属性时,我们称它为一个方法.当一个方法被调用时,this被绑定到该对象. 函数调用模式: 以此模式调用函数时,this被绑定到全局对象.使用that方式解决: var add = function(a,b){return a+b;} var myObj = {}; myObj.double = function(){ var that = this; var helper = funct

this与JavaScrip中的四种调用模式

this是什么方法调用模式构造器调用模式函数调用模式 apply/call模式 this是什么 —In most languages, ‘this’ is a reference to the current object instantiated by the class. In JavaScript, ‘this’ normally refers to the object which ‘owns’ the method, but it depends on how a functio

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

第一种:函数直接调用执行的模式 function add(a,b){ console.log(this); return a+b; } add(,) //this===window 这里的this指向是window的第二种:对象方法的调用模式 var people={ name:'wang', sex:'男', eat:function(){ console.log(this); } } people.eat(); //this===对象,对象方法调用时,this指向被调用者第三种:构造器的

函数四种调用模式以及其中的this指向

第一种:函数直接执行模式 function add(a,b){ console.log(this); return a+b; } add(10,20)//this===window 第二种:对象方法的调用模式 var obj={ name:'aaa', age:20, said:function(){ console.log(this); } } obj.said();//this===obj,此处this指代被调用者第三种:构造器的调用模式 function School(){ this.s

JS面向对象函数的四种调用模式

函数的四种调用模式概念在 js 中,无论是函数, 还是方法, 还是事件, 还是构造器,...这些东西的本质都是函数函数, 方法, 事件, 构造器,...只是所处的位置不同这四种模式分别是函数模式方法模式构造器模式上下文模式函数模式特征: 简单的函数调用, 函数名前面没有任何引导内容 function foo(){} var fn = function(){}; ... foo(); fn(); (function(){})(); // 上面的三种都是简单的函数调用 this的

【转】JavaScript中的this关键字使用的四种调用模式

http://blog.csdn.net/itpinpai/article/details/51004266 this关键字本意:这个.这里的意思.在JavaScript中是指每一个方法或函数都会有一个this对象,this对象是方法(或函数)在执行时的那个环境,也可以说是这个函数在那个作用域下运行的一共有四种调用模式:方法调用模式(对象属性模式).函数调用模式(就是普通的函数执行).构造调用模式(应该叫实例上的方法模式更好)和apply调用模式. 一.方法调用模式当它为一个对象上的方法的时候

JavaScript 方法调用模式和函数调用模式

这两天在读<JavaScript语言精粹>关于第4章函数调用的几种模式琢磨了半天. 这里就说一下方法调用模式跟函数调用模式. 方法调用模式: 当一个函数被保存为对象的一个属性时,我们称它为一个方法.当一个方法被调用时,this被绑定到该对象.如果调用表达式包含一个提取属性的动作(a.name或a[name]),那么他就是被当做一个方法调用. var myObject = { value:1, double:function(){ //double是myObject对象的一个方法 this.va

js函数之四大调用模式

一.方法调用模式当一个函数调用保存为一个对象的属性时我们称之为方法调用. var myObject = { value:0, increment:function(inc){ this.value += typeof inc === 'number' ? inc : 1; } } myObject.increment(); document.writeln(myObject.value) myObject.increment(3); document.writeln(myObject.valu

javascript 函数的4种调用模式

1. 函数模式 // this 指向 window 全局对象 2. 方法模式 // this 指向调用这个方法的对象 3. 构造函数模式 // this 指向 new 新创建出来的实例 4. 上下文模式 //在上下文调用模式中,可以修改 this 的值,也就是可以修改函数的调用方法. //使用下面两种方法,可以修改函数调用上下文,也就是 this 的值. 1. apply:函数.apply(对象,[]);(第一个参数是把 this 修改成的对象). 2. call:函数.call(对象,arg1

javascript中函数的四种调用模式详解

介绍函数四种调用模式前,我们先来了解一下函数和方法的概念,其实函数和方法本质是一样,就是称呼不一样而已.函数:如果一个函数与任何对象关系,就称该函数为函数.方法:如果一个函数作为一个对象属性存在,我们就称之为方法.接下来就可以开始今天的主体. 1.函数调用模式. 就是通过函数来调用,规范写法为:function fn(){} fn(); 函数中this的指向->window.案例如下: var age = 38; var obj = { age: 18, getAge: function() {

构造器调用模式this指向

热门专题