ES3中的this指向问题

标签: JavaScript
16人阅读 评论(0) 收藏 举报

关于js中的this指向问题(ES3)

  • 1、普通函数中的this指向是window(在严格模式下不是window,是undefined)
   function foo(){
     'use strict' // 加上此代码为严格模式
     console.log(this)
   }
   foo();
  • 2、构造函数中的this指向实例对象
    //构造函数
    function Student(age){
        this.age = age;
        }
    //原型
    Student.prototype.showAge = function(){
        console.log(this.age)
        }
    var stu = new Student(12);
    stu.showAge();
  • 3、原型方法中的this指向和构造函数中的this指向相同,都是实例对象
    //构造函数
    function Student(age){
        this.age = age;
        }
    //原型
    Student.prototype.showAge = function(){
        console.log(this.age)
        }
    var stu = new Student(12);
    stu.showAge();
  • 4、事件函数中的this指向绑定事件的对象
   var btn = document.getElementById('btn');
   btn.onclick = function(){
     console.log(this)
   }
  • 5、定时函数中的this指的是window
   setTimeout(function(){
     console.log(this)
    },1000);
  • 6、对象方法中的this指向是对象本身
   var obj = {
     abc: '123',
     fn: function(){
       console.log(this)
        }
    }
   obj.fn();
查看评论

C++Builder的几则小应用

这是第一篇帖文,从网上找的。以下是原文。C++Builder的几则小应用(望月 2001年09月19日 19:00)Borland C++BUILDER(BCB)是一种面向对象的、可视化的快速应用程序...
  • lwd2k
  • lwd2k
  • 2001-10-17 22:34:00
  • 874

es5 bind和es3函数模拟的bind的区别

在讨论这个问题之前,我们先看一下在es5出现内置的bind函数之前,是怎么模拟bind的 Function.prototype.bind = function (oThis) { if ...
  • cokeknight
  • cokeknight
  • 2015-09-28 22:10:50
  • 355

JavaScript原型链以及ES3、ES5、ES6实现继承的不同方式

本文首发于GitHub,《JavaScript原型链以及ES3、ES5、ES6实现继承的不同方式》,欢迎关注我的GitHub。原型执行代码var o = new Object();,此时o对象内部会存...
  • sunqunsunqun
  • sunqunsunqun
  • 2017-03-15 12:33:50
  • 3794

ES3和ES5中函数调用(function call) 的浏览器实现差异.

1.var obj = {}; 2.obj.foo( obj.foo = function(){ console.log("new func"); } ); 3.obj.foo...
  • ilvu999
  • ilvu999
  • 2012-08-19 15:12:39
  • 442

js ES3执行上下文

有时会遇到,functon a(){},写下最下面,在上面调用仍然可以使用,而var a = function(){},同样的位置,在调用时却会报错, 以及变量先使用后声明,或许正常,或许undef...
  • little_newBee
  • little_newBee
  • 2016-05-02 22:06:40
  • 479

js中this指向问题实例详解

JS中, this的值到底是什么? 几个月之前, 拜读了《javascript语言精髓》, 里面对于这个问题, 做出了很好的解释…JS中, this的值取决于调用的模式, 而JS中共有4中调用模式: ...
  • babybk
  • babybk
  • 2016-04-28 11:08:04
  • 2154

ES3封装工具

  • 2014年04月07日 15:10
  • 38.45MB
  • 下载

函数中this的指向问题 ——Javascript 进阶知识整理

闭包中this的指向闭包中的函数,调用的对象是全局对象,所以闭包中this的指向是window,这就会带来一个问题,闭包函数如果想使用外部函数中与全局对象同名的变量,使用this.val是不行的,执行...
  • lqadam
  • lqadam
  • 2016-12-21 13:35:48
  • 713

java中多态的this指向问题

存在多态的条件,满足3个条件,1.要有继承2.要有重写方法,3父类引用子类对象eg:上面的Servlet s = new MyServlet();。满足多态this指向最终MyServlet类的对象。...
  • abc13526222160
  • abc13526222160
  • 2016-10-06 14:18:30
  • 468

JavaScript中this指针指向的彻底理解

首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然...
  • u013510614
  • u013510614
  • 2016-07-15 20:36:48
  • 1115
    个人资料
    等级:
    访问量: 0
    积分: 10
    排名: 0
    文章分类
    文章存档
    阅读排行