关于js中this指向的问题,打印出obj.nm()的值

问题如下:

var num = 1;
var obj={
  num : 8,
  nm   : (function(){
        this.num *=2;
        return function(){
          return this.num *=2;
        }
     })()
}
var dbl = obj.nm;
obj.nm();
obj.nm();
obj.nm();
console.log(obj.num);//64
console.log(this.num);//2

解释:

上述问题中其实就是this的指向问题,this指向明白了自然就清楚了!

首先看第一句:

//这句是声明了一个全局变量num=1;(这里没什么解释的,如果这都不明白就去从js基础学习吧)

var num = 1;

//接下来以字面量的方式创建了一个对象obj,包含两个键值对;
var obj={

  //num,obj的共有属性,值为8;
  num : 8,

  //nm的值是一个闭包函数(自执行函数);
  nm   : (function(){

        //这里是重点了!!!不管执行或者不执行obj.nm()闭包函数都是执行的,并不是obj.nm()调用的,因此这里的this指的是window;

        console.log(this);//window
        this.num *=2;

        //当执行obj.nm()时,会将下面这个函数返回给obj,也就是说里面的函数中的this才是指向obj的,可以说是谁调用的函数,this就指向谁,因此这里的this指向obj;
        return function(){

          console.log(this);//obj
          return this.num *=2;
        }
     })()
}

//这里是用来骗人的!执行或者不执行,window.num = 2,obj.num=8;(闭包函数自己调用了一次,所以开始定义的全局num*2=2;)
var dbl = obj.nm;

//执行下面后,nm的值也就是闭包函数中的return的函数被执行了,因为闭包函数是自执行函数,obj.num()没资格调用它,调用的是返回给obj.num()的函数;

//执行后window.num=2;(obj.num()调用的是obj.num),obj.num=16;
obj.nm();

//同理,下面的obj.num()都是执行的obj.num*2;此时window.num = 2;obj.num = 32;
obj.nm();

//window.num = 2;obj.num = 64;
obj.nm();

//此时输出结果,结果必然为window.num = 2,obj.num = 64;
console.log(obj.num);//64
console.log(this.num);//2,这里的this指的是window

时间: 2024-08-23 11:18:30

关于js中this指向的问题,打印出obj.nm()的值的相关文章

js中this指向问题

js中this指向问题老生常谈的问题了,在这里说一下我所理解的层面的this. this 指的是当前对象,如果在全局范围内使用this,则指代当前页面window:如果在函数中使用this,则this指代什么是根据当前函数是在什么对象上调用.我们可以使用call和apply改变函数中this的具体指向. console.log(this === window) // true console.log(window.alert === this.alert) // true console.log

JavaScript面向对象(一)——JS OOP基础与JS 中This指向详解

  前  言 JRedu 学过程序语言的都知道,我们的程序语言进化是从"面向机器".到"面向过程".再到"面向对象"一步步的发展而来.类似于汇编语言这样的面向机器的语言,随着时代的发展已经逐渐淘汰:而面向过程的语言也只有C语言老大哥依然坚挺:现在主流的语言(例如Java.C++.PHP等)都是面向对象的语言. 而我们的JavaScript语言,恰恰介于面向过程与面向对象之间,我们称它为"基于对象"的语言.但是,JS中的OOP依

关于js中this指向的理解总结!

关于js中this指向的理解! this是什么?定义:this是包含它的函数作为方法被调用时所属的对象. 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解有些准确的),那么接下来我会深入的探讨这个问题. 例子1: function a(){ var user = " 小明"; console.log(this.user);

js中this指向的三种情况

js中this指向的几种情况一.全局作用域或者普通函数自执行中this指向全局对象window //全局作用域 console.log(this);//Window //普通函数 function fn(){ console.log(this); //Window } fn(); //函数加括号调用叫函数自执行,函数自执行时,内部的this指向顶层对象/window 二.事件函数内部的this指向事件源:注意在事件函数中如果包含普通函数,普通函数自执行后,内部this还是指向window //事

关于js中this指向的总结

js中this指向问题一直是个坑,之前一直是懵懵懂懂的,大概知道一点,但一直不知道各种情况下指向有什么区别,今天亲自动手测试了下this的指向. 1.在对象中的this对象中的this指向我们创建的对象,例如: var obj ={ ccc : 1122, ddd : 2233, ded : function(){ console.log(this); } , fff : function(){ console.log(this === obj ); } } obj.ded(); obj.fff

浅谈js中this指向问题

this 指的是当前对象,如果在全局范围内使用this,则指代当前页面window:如果在函数中使用this,则this指代什么是根据当前函数是在什么对象上调用.我们可以使用call和apply改变函数中this的具体指向. console.log(this === window) // true console.log(window.alert === this.alert) // true console.log(this.parseInt("021",10)) // 21 par

JS中this指向问题相关知识点及解析

概括:this指向在函数定义的时候是无法确定的,只有在函数调用执行的时候才能确定this最终指向了谁,this最终指向的是调用它的对象(常见的说法,后面有小小的纠正): 例1: 图中的函数fn1其实是window对象下面的一个方法,相当于window.fn1()调用了这个方法,而name是fn1的私有变量,所以全局下是没有name这个变量的,所以结果如上所示,this最终指向的也是window这个对象. 例2: 此时this指向的是obj对象,因为fn2是通过obj调用的,所以可以理解this最

疯狂Html+CSS+JS 中JS总结

0 总结 本书的JS 第一章有讲语法有挺多常见的坑点和原理解释很不错 第二章DOM编程讲述了挺多API 第三章事件处理机制其实对事件中的this关键字和事件传播顺序讲解还不错 第四章WebStorage本地存储例子鲜明 第五章Worker应付复杂的js操作 第六章客户端通信WebSocket挺有用,可以实现用户与用户在浏览器中互动 1. JavaScript语法 1.1 执行js代码 javascript:alert(‘执行js’);//一般放在超链接中,用户点击即执行, <script>al

微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法

前段时间开发了一款微信小程序,运行了也几个月了,在index.js中的onLoad生命周期里获取app.js中onLaunch生命周期中在接口里动态设置的globalData一直没有问题,结果昨天就获取不到动态设置的global数据了.因为我要获取小程序的unionid以及通过unionid去获取微信的openId,并且共享数据,最开始我是通过storage来做数据共享的,后来测试发现storage存在莫名被清空的情况,后来转用globalData来做数据共享,查了下,是因为app.js中的on