JavaScript--函数中this的几种指向】的更多相关文章

this的默认绑定.隐式绑定.显示绑定.new绑定 <script> //全局变量obj_value ; //1.window调用 console.log(`******************************************************`) function fn(){ console.log("obj_value",this.obj_value); } fn(); //输出obj_value=1 //2.obj对象显式调用 console.l…
通常在页面中要让某些内容点击后产 生点击事件(非页面跳转)都会使用onclick,但是这样不适于需要传递参数的情况,于是写成直接调用Javascript函数的方式:<a href=javascript:somefunction(args)>content</a>.注意,这么写是有问题的,问题就在 于somefunction中的参数args的值不能含有空格,否则浏览器会认为空格后面的内容是<a>标签的某个属性,正确的写法应该是用 引号将javascript:somefun…
最近在使用JSP显示从Servlet带过来的数据时,大量的使用到了EL表达式,并且有些EL表达式是在使用到JavaScript的函数时作为参数传入的,举个例子,比如下面的样子: 这个HTML标签的意思是,如果我点击这个超链接,会触发一个JavaScript函数,而这个JavaScript函数的参数是一个EL表达式,而这个JavaScript函数的定义如下: 其实这个JavaScript的函数定义是没有问题的,但是为什么在MyEclipse中会报错呢,这是因为MyEclipse认为我们在将EL表达…
/*js函数中with函数的用法分析定义 方便用来引用某个对象中已有的属性但是不能用来给对象添加属性 要给对象创建新的属性 必须明确的引用该对象*/代码格式with(object) statements object:新的默认对象 statements:一个或多个语句 oject是该语句的默认对象 with 语句通常用来缩短特定情形下必须写的代码量. x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y = Math.tan(14 * Math.E)…
arguments argument是JavaScript中的一个关键字,用于指向调用者传入的所有参数. function example(x){ alert(x); alert(arguments.length); for(var i=0; i<arguments.length; i++){ alert(arguments[i]); //1,2,3 } } example(1,2,3); 即使不定义参数,也可以取到调用者的参数. function abs() { if (arguments.l…
先介绍一下js中的高阶函数,所谓的高阶函数就是,一个函数中的参数是一个函数或者返回的是一个函数,就称为高阶函数. js中已经提高了一下高阶函数,使用起来非常棒,当然我们也可以自己实现,我介绍几种ES5/ES6新增的数组函数. 首先是forEach,forEach它接受两个参数,第一个函数,第二个传一个this引用对象(可以不传),函数支持传3个参数第一个表示遍历的当前值,第二个为索引,第三个表示当前对象. [1,2,4,5].forEach(function(item,index){ conso…
技巧二: [惰性载入函数] 因为浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题,比如,我们最常见的为dom节点添加时间的函数 function addEvent(type, element, fun) { if (element.addEventListener) { element.addEventListener(type, fun, false); } else if(element.attachEvent){ element.a…
注意是要延迟执行的函数中的this哦!! //片段一 setTimeout("alert(this)", 1); // [object Window] //片段二 var obj = { say: function() { setTimeout("alert('in obj ' + this)", 0) } } obj.say(); //片段三 var obj = { say: function() { setTimeout(function(){alert(thi…
技巧三: [函数绑定] 在javascript与DOM交互中经常需要使用函数绑定,定义一个函数然后将其绑定到特定DOM元素或集合的某个事件触发程序上,绑定函数经常和回调函数及事件处理程序一起使用,以便把函数作为变量传递的同时保留代码执行环境 <button id="btn">按钮</button> <script> var handler={ message:"Event handled.", handlerFun:functio…
刚看到一个问题关于this的, var name="the window"; var object={ name:"silence", packname:function(){ return this.name; } } console.log(object.packname()); 一般而言,在Javascript中,this指向函数执行时的当前对象.这个this指object.输出结果为 silence 改变一下 var name="the windo…
<script type="text/javascript"> function fun(a){ console.log(a); // function var a=11; function a(){ return 22; } console.log(a); } fun(33); </script> 问题1:为什么第1个会输出 function呢,为什么不是实参33呢? 问题2:函数内部变量和函数在”预编译“的时候究竟是怎么样的呢? 问题3:var a=11;这…
在学习javascript中,函数是非常重要的,现在我来谈谈对函数的理解以及在工作和用法中的一些技巧 技巧一. [作用域安全的构造函数] 构造函数其实就是一个使用new操作调用的函数 function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var person=new Person('match',28,'Software Engineer'); console.log(person.name);/…
关于arguments 调用函数时,如果需要传参,其实参数就是一个数组,在函数体的内置对象arguments可以访问这个数组,如: arguments[0]:第一个参数 arguments[1]:第二个参数 arguments[2]:第三个参数 arguments[3]:第四个参数 当然,在命名函数的时候,也可以不需要命名参数,直接调用arguments,如下图: 使用arguments中的length属性,来获知传入参数的个数: 一个函数可以传入不同的参数,这样就可以通过传参的方式,在Java…
ECMAScript标准中,每个函数都有一个特殊的内置对象arguments.arguments对象是一个类Array对象(object),用以保存函数接收到的实参副本. 一.内置特性 说它是一个内置对象是因为我们在创建函数时并没有定义这个对象: var funcTest =function(args){ console.log(arguments); //{'a'} } funcTest('a'); console.log(funcTest.arguments); 直接调用funcTest.a…
首先这里是JavaScript的语法规则. 其次在调用function()函数的时候参数时外部传入的.在传入之前就已经被声明了.没必要在函数参数里声明. 如果想要在函数里用新的参数 function(参数) { var 参数名/*创建局部变量*/ } test函数里面的参数只要写好是什么名字,参数本身是外面传进来的,在()里面写,只是外部引用,在内部使用的时候重新命名而已.再加var的话就等于是重新定义了,和原来的“引用”的本意不符. 因为是弱类型,而函数调用的时候一定要指定类型调用.在弱类型下…
一般写函数,我们会这样调用: function add(x, y) { return x + y; } alert(add(2, 3)); 或者这样: var add = function(x, y) { return x + y; } alert(add(2, 3)); 匿名函数,使用()将匿名函数括起来,就变成一个函数对象,并可以赋予参数 alert( (function(x, y) { return x + y; })(2, 3) ); 匿名函数的执行环境具有全局性,因此this通常指向w…
定义 function Person(national,age) { this.age = age; //实例对象,每个示例不同 Person.national = national; //类对象,所用实例公用 var bb = 0; //局部变量,外面不能访问(类似局部函数) } 调用 var p = new Person("中国", 29); document.writeln("age:" + p.age); document.writeln("obj…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> // 普通函数调用 function fn() { console.log("普通函数调用", this); // 输出window } /* * window.fn = func…
目录 this的默认绑定 this的隐式绑定 隐式绑定下,作为对象属性的函数,对于对象来说是独立的 在一串对象属性链中,this绑定的是最内层的对象 this的显式绑定:(call和bind方法) new绑定 正文    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点--函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开  …
   javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开   (提醒前排的筒子们准备好茶水和西瓜,我要开始讲故事啦!!)     [故事]有一个年轻人叫"迪斯"(this),有一天,迪斯不小心穿越到一个叫 “伽瓦斯克利”(javascript)的 异世界,此时此刻迪…
   javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开   (提醒前排的筒子们准备好茶水和西瓜,我要开始讲故事啦!!)     [故事]有一个年轻人叫"迪斯"(this),有一天,迪斯不小心穿越到一个叫 “伽瓦斯克利”(javascript)的 异世界,此时此刻迪…
目录 this的默认绑定 this的隐式绑定 隐式绑定下,作为对象属性的函数,对于对象来说是独立的 在一串对象属性链中,this绑定的是最内层的对象 this的显式绑定:(call和bind方法) new绑定 正文    javascript中的this和函数息息相关,所以今天,我就给大家详细地讲述一番:javascript函数中的this   一谈到this,很多让人晕晕乎乎的抽象概念就跑出来了,这里我就只说最核心的一点——函数中的this总指向调用它的对象,接下来的故事都将围绕这一点展开  …
首先先说下正常的this指向问题 什么是this:自动引用正在调用当前方法的.前的对象. this指向的三种情况 1. obj.fun()     fun中的this->obj,自动指向.前的对象 2. new Fun()   Fun中的this->正在创建的新对象,new改变了函数内部的this指向,导致this指向实例化new的对象 3. fun()和匿名函数自调    this默认->window,函数内部的this,this默认是指向window的 回调函数中的this指向问题,…
函数在执行时,会在函数体内部自动生成一个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…
如何在 C#中访问 JavaScript函数? 时间:13-10-17 栏目:Unity3D教程 作者:zqcyou 评论:0     如何在 C#中访问 JavaScript函数?答案如下:c#代码中执行 javaScript函数: 方法一:1. 1 Page.RegisterStartupScript("ggg","<script>SetVisible(1);</script>"); 方法二:使用 Literal类,然后 1 2 3 4…
终于可以说说函数了,函数是javascript设计最出色的地方,可以说它是所有概念中最重要的一个,因为围绕函数而阐述的周边概念涵盖了javascript的方方面面,所以理解了函数可以说对javascript有了大半部分的理解,在此我只能怀着谨慎与谦逊的态度小心翼翼的总结出自己所理解的函数. 函数是什么 要理解javascript函数首先得弄明白它是什么,这个问题并不是很容易就让人接受的,尤其是对有过C语言或者java等编程经验的人来说,因为会受到函数声明写法的诱惑,认知更倾向于把它理解为一种编程…
函数是一段可以反复调用的代码块.函数还能接受输入的参数,不同的参数会返回不同的值. 函数的声明 JavaScript 有三种声明函数的方法. (1)function 命令 function命令声明的代码区块,就是一个函数.function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数.函数体放在大括号里面. function print(s) { console.log(s); } 上面的代码命名了一个print函数,以后使用print()这种形式,就可以调用相应的代码.这叫做函…
一.为什么要使用this? this 提供了一种更优雅的方式来隐式"传递"一个对象引用,因此可以将 API 设计得更加简洁并且易于复用.随着你的使用模式越来越复杂,显式传递上下文对象会让代码变得越来越混乱,使用 this则不会这样. 二.this 是什么? this在函数中被使用,一般情况下this指的是调用this所在函数的对象.即 this === 调用this所在函数对象. 三.this应用场景 1.当this所在的函数为对象一个健值时,这个函数中的this是指向该健值所在的对象…
C#代码与javaScript函数的相互调用 问:1.如何在JavaScript访问C#函数?2.如何在JavaScript访问C#变量?3.如何在C#中访问JavaScript的已有变量?4.如何在C#中访问JavaScript函数? 问题1答案如下:javaScript函数中执行C#代码中的函数:方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中;2.在前台写一个js函数,内容为document.getElementById("btn1").cli…
C#代码与javaScript函数的相互调用 问:1.如何在JavaScript访问C#函数?2.如何在JavaScript访问C#变量?3.如何在C#中访问JavaScript的已有变量?4.如何在C#中访问JavaScript函数? 问题1答案如下:javaScript函数中执行C#代码中的函数:方法一:1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中; 2.在前台写一个js函数,内容为document.getElementById("btn1").cl…