js中的墙头草---this

在Java中,this永远都是‘忠贞’地指向当前类的实例。而在javascript中,this就没有“忠贞”了,this会随着执行环境的变化而变化,也就是说this永远执行执行环境所在的对象。

直接上代码:

代码一:

function test(){
    alert(this == window) 
}
test()

通过运行代码发现结果为true,这是因为test方法的调用时在window环境,所以this指向了window。

接着看:

使用对象字面量定义属性和方法,如下:

var obj = {
    property : "obj",
    fun : function(){
        alert(this == window);
        alert(this == obj);
    }
}
obj.fun();

运行下代码,结果为false,true。是什么原因捏?原因其实很简单,就是fun方法是通过obj对象调用的,所以this就指向了obj对象。

有什么问题吗?木有,`(*∩_∩*)′。咱们继续啊!

我们知道在一个方法中还可以返回一个新的方法,形式如下:

 var obj = {
    property : "obj",
    fun : function(){
        return function(){
            alert(this == obj);
            alert(this == window);
        }
    }
}
obj.fun()() 

我们把上面的代码稍稍改编了下,在fun方法中重新返回了一个方法。结果是怎么样?你猜到结果了吗?
正确的结果是false,true。我们来分析下,使用 obj.fun()返回的是一个方法,这时候是在全局环境中(window),所以this就指向了window。明白了吧。                                         到这里你是不是对js中的this有了大概的了解呢,稍等,还有一种情况,就是通过call和apply方法动态改变this的指向。
我们在这里只演示一个call的例子。

function test(){
    alert(this == window) 
    alert(this == obj);
}
var obj = {};
test.call(obj,null);

我们继续使用第一个例子。我们定义了一个空对象obj,我们的目的是想把test方法作为obj的一个方法来执行。大家可以执行下看看结果,看看结果是不是和第一个例子的结果不一致                   
好了,今天暂时介绍到这里,排版暂时有问以后改下,不影响结果。
有问题请留言,谢谢!
时间: 2024-10-14 11:47:45

js中的墙头草---this的相关文章

js中获取时间new date()的用法

js中获取时间new date()的用法 获取时间:   var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

JS中的运算符&JS中的分支结构

一.JS中的运算符 1.算术运算(单目运算符) + 加.- 减.* 乘./ 除.% 取余.++ 自增.-- 自减 >>> +:有两种作用,连接字符串/加法运算.当+两边全为数字时,进行加法运算: 当+两边有任意一边为字符串时,起连接字符串的作用,连接之后的结果为字符串 除+外,其余符号运算时,会先尝试将左右变量用Number函数转为数字 >>> /: 结果会保留小数点 >>> ++: 自增运算符,将变量在原有基础上+1: --: 自减运算符,将变量在原

Js中的数据属性和访问器属性

Js中的数据属性和访问器属性 在javaScript中,对象的属性分为两种类型:数据属性和访问器属性. 一.数据属性 1.数据属性:它包含的是一个数据值的位置,在这可以对数据值进行读写. 2.数据属性包含四个特性,分别是: configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为true enumerable:表示能否通过for-in循环返回属性 writable:表示能否修改属性的值 value:包含该属性的数据值.默

在Node.js中使用RabbitMQ系列二 任务队列

在上一篇文章在Node.js中使用RabbitMQ系列一 Hello world我有使用一个任务队列,不过当时的场景是将消息发送给一个消费者,本篇文章我将讨论有多个消费者的场景. 其实,任务队列最核心解决的问题是避免立即处理那些耗时的任务,也就是避免请求-响应的这种同步模式.取而代之的是我们通过调度算法,让这些耗时的任务之后再执行,也就是采用异步的模式.我们需要将一条消息封装成一个任务,并且将它添加到任务队列里面.后台会运行多个工作进程(worker process),通过调度算法,将队列里的任

js 中arguments的应用

在js中每个函数类都有一个Arguments对象实例arguments,.首先他不是一个数组,可以说算一个伪数组,但是用数组的索引形式也能获取到他的值,如 let len = arguments.length;表示函数参数的个数 arguments[0]表示第一个参数 在函数中使用它的好处就是这个函数在多处调用且参数有不是必须传递的,这样可以利用arguments来处理,解决了不需要的参数也要传递的问题 在实际应用中分装的函数中使用了一下,有不对的和需要改进的地方,还请大家多多指教,一起学习 e

js中,实现css格式的改变

js中,实现属性值的改变 (1)prop属性实现,html中标签的class属性值发生改变: 语法:$(元素标识).prop("class",类属性值); 例子:$("#num_"+currentId).prop("class","no-selected"); 类似的改变class属性: $("#index_" + index).removeClass("current"); $(&qu

JS中的循环结构、循环嵌套以及函数介绍

[循环结构的步骤]    *①声明循环变量    *②判断循环条件    *③执行循环体(while的{}中的所有代码)操作     *④更新循环变量    *     * 然后,循环执行②③④    *     *     * [JS中循环条件支持的数据类型]    * ①boolean:true 真     false   假    * ②string: 非空字符串为真       空字符串为假    * ③null/NaN/undefined:  全为假    * ④object:全为真 

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法 "window.location.href"."location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明: 如果A,B,C,D都是html,D

js中的循环语句

js中的循环语句可分为三种:1.while:2.do……while:3.for. while的语法为 while (exp) {    //statements;} var a=1,b=0; while(a<=1000){ if(a%2==0){ if(b%20==0) { document.write("<br>第"+parseInt(b/20+1)+"行偶数"); } document.write(a+"&nbsp"