javascript痛点之四this的指向问题

先看以下例子

1.我们直接调用this看看指向的是谁

alert(this);//指向window

2.在函数中直接调用看看指向的是谁

function fn(){
  alert(this);
}
fn();//window

3.将函数复制给变量看看指向的是谁

var obj = function(){
    alert(this);
}
obj();//window

为什么指向的window呢？通过前面的学习我们知道全局变量都是window对象下的属性，alert也是window的一个属性,所以第一个例子可以写成这样

window.alert(this);

而this的定义就是:谁调用的它,它就指向谁

函数名称也是window的一个属性所以也可以写成这样

function fn(){
  alert(this);
}
window.fn();//window

因为都是window调用的所以指向window

再来看一个例子:

<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>this指向问题</title>
  <style type="text/css">
  </style>
</head>
<body>
    <input type="button" id="btn" value="clickme">
    <script>
   var oBtn = document.getElementById("btn");
   oBtn.onclick=function(){
      alert(this);
   }
    </script>
</body>
</html>

上面的this指向的就是input,因为是input调用了它

（待续

javascript痛点之四this的指向问题的更多相关文章

javascript痛点之二作用域链
1.执行环境(执行上下文) 先看段代码 var a = 10; var b = 20; function cc(){ var c = 30; alert("b="+b); } cc ...
javascript中几种this指向问题
javascript中几种this指向问题首先必须要说的是,this 永远指向函数运行时所在的对象,而不是函数被创建时所在的对象. (1).作为函数名调用函数作为全局对象调用,this指向 ...
JavaScript 你真的了解this指向吗
JavaScript 你真的了解this指向吗前言终于开始写this指向了,相信这对很多JavaScript的学习者来说是一个非常恐怖的环节,个人认为也算是JavaScript中最难理解的一个知识 ...
JavaScript面向对象基础与this指向问题
前言我们的程序语言经历了从"面向机器".到"面向过程".再到"面向对象"的一个过程.而JavaScript是一 ...
改变javascript函数内部this指针指向的三种方法
在查了大量的资料后,我总结了下面的三条规则,这三条规则,已经可以解决目前我所遇到的所有问题.规则0:函数本身是一个特殊类型,大多数时候,可以认为是一个变量. function a() { alert( ...
javaScript 真经小感 this 指向
编程世界只存在两种基本元素:一个是数据.一个是代码. (能写代码算入门,能处理复杂场景或者数据算合格,能不变应万变是不朽) 最流行的编程思想莫过于面向对象编程,因为面向对象编程思想把数据和代码结合成统 ...
JavaScript严格模式下this指向
一般认为:严格模式下this不允许指向全局对象.是函数体是否处于严格模式! 如:http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mod ...
JavaScript的this指针到底指向哪？
编程过程中,着实十分困扰this的指向性,经过查阅一番资料,终于搞清楚了,在这里总结一下,全文分为以下三个部分: 什么是this指针? this指针指向哪里? 何时使用this? 一什么是this指 ...
JavaScript中函数的this指向!
JavaScript的this的指向问题! 这是我自己敲的, 报错! <button>点击查看绑定事件的this指向!</button> <script> // 函 ...

随机推荐

session知识总结
0.什么是会话? - 简单理解:打开浏览器到关闭浏览器过程中的操作.请求. 1.Session是什么? - session是HttpSession的简称: - 用于保存会话状态: - 将会话状态保存在 ...
如何应对苹果app 的ipv6 时代？腾讯专家教您进行环境改造
WeTest 导读 WWDC2015苹果宣布在ios9支持纯IPv6的网络服务,并且要求2016年提交到app store的应用必须兼容纯IPv6的网络,要求适配的系统版本是ios9以上(包括ios9 ...
js中addEventListener第三个参数涉及到的事件捕获与冒泡
js中,我们可以给一个dom对象添加监听事件,函数就是 addEventListener("click",function(){},true); 很容易理解,第一个参数是事件类型, ...
.NET面试题系列[17] - 多线程概念（2）
线程概念线程和进程的区别进程是应用程序的一个实例要使用的资源的一个集合.进程通过虚拟内存地址空间进行隔离,确保各个进程之间不会相互影响.同一个进程中的各个线程之间共享进程拥有的所有资源. 线程是系 ...
Hbuilder常用功能汇总
引用样式表: mui.min.css Js:mui.min.js 常用功能获取页面 var webView=plus.webview.currentWebview();//获取当前页 var we ...
Spring事务处理
事务(Transaction)是并发控制的单位,是用户定义的一个操作序列.这些操作要么都做,要么都不做,是一个不可分割的工作单位. 数据库向用户提供保存当前程序状态的方法,叫事务提交(commit): ...
python 冒泡排序，递归
冒泡排序:li = [33, 55, 58, 66, 58, 555,20000000000000000000000, 5555,5555, 5, 6, 62,1]for i in range(1,l ...
【Python 函数对象命名空间与作用域闭包函数装饰器迭代器内置函数】
一.函数对象函数(Function)作为程序语言中不可或缺的一部分,但函数作为第一类对象(First-Class Object)却是 Python 函数的一大特性. 那到底什么是第一类对象(Firs ...
第 18 章高可用设计之 MySQL 监控
前言: 一个经过高可用可扩展设计的 MySQL 数据库集群,如果没有一个足够精细足够强大的监控系统,同样可能会让之前在高可用设计方面所做的努力功亏一篑.一个系统,无论如何设计如何维护,都无法完全避免出 ...

javascript痛点之四this的指向问题

javascript痛点之四this的指向问题的更多相关文章

随机推荐

热门专题