js中的this关键字，不是应该指向调用调用它的当前对象吗

HelloBitches 2016-08-22 02:08:46

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8" />

	<title></title>

	<link rel="stylesheet" href="css/style.css" />

	<script type="text/javascript">

		function load(){

			alert(this);

		}

	</script>

</head>

<body>

	<div>

		<img onload="load()" src="images/1.jpeg" alt="" />

	</div>

</body>

</html>

...全文

1725 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

KK3K2005 2016-08-23

打赏
举报

<img onload="load()" src="images/1.jpeg" alt="" /> 这样写的话相当于 img.onload = function(){ load(); //这个时候 load 里面的this 肯定不是img了 } 2种办法 1）img.onload = load 2) <img onload="load(this)" src="images/1.jpeg" alt="" /> //直接吧this传进去这个this 就是当前dom元素

myqoo 2016-08-23

打赏
举报

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript">
		function load(){
			alert(this);
		}
	</script>
</head>
<body>
	<div>
		<img id="img1" src="images/1.jpeg" alt="" />
                <script>
                        img1.onload = load;
                </script>
	</div>
</body>
</html>

天际的海浪 2016-08-22

打赏
举报

在html标签中onload="load()" 会被浏览器解析成js语法的

onload=function (event) {
	load()
}

img标签真正的onload事件是外层那个匿名函数function (event) load()函数是作为单纯函数调用的，this指向全局对象

HelloBitches 2016-08-22

打赏
举报

百度了一下，一篇文章里有这样两句话:

1.当函数作为对象的方法调用时，this指向该对象。
2.当函数作为单纯函数调用时，this指向全局对象（严格模式时，为undefined）

我认为我上面的代码应该是上面两句话中的第一种情况，就是img对象调用这个方法，然后也应该输出img标签的信息，但是结果，却是第二种输出情况，难道img标签onload事件不能算是对这个方法的调用吗

HelloBitches 2016-08-22

打赏
举报

上面这段代码执行后为什么不是输出img标签而是window呢

JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发现JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript 中的 this 关键字，才算是迈入了 JavaScript 这门语言的门槛。在主流的面向对象的语言中（例如Java,C#等)，this 含义是明确且具体的，即指向当前对象。一般在编译期绑定。而 Java

前言 Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程，其中this “指针”就是实现面向对象的一个很重要的特性。本文将给大家详细介绍关于Javascript中this关键字指向的相关内容，让我们先做一个小测试，如果全部答对了，恭喜你不用往下看了。测试题目第一题 [removed] var str = 'zhangsan'; function demo() { var str = 'lisi'; alert(this.str); } wi

微服务应用是分布式开发的主要手段，它很好的解决了高并发等电商平台的问题。微服务系列课程是以Java语言为基础，以SpringCloud+SpringBoot为核心，结合Spring、SpringMVC及MyBatis，通过游戏案例、电商案例，以极简的方式，带领入门的朋友们快速上手微服务开发。全部案例源码分享给学习的朋友，案例采用敏捷开发管理模式，让朋友们在每一个阶段，有着游戏过关一样的学习体验。第七季主要是给大家介绍一下Java面向对象中的继承，包括：继承的概念、为什么要继承、继承的类型及特性、extends关键字、final关键字、implements关键字、super和this关键字、子类中如何调用父类中的有参、无参构造方法。

JavaScript 函数调用 JavaScript 函数有 4 种调用方式。每种方式的不同方式在于 this 的初始化。 this 关键字 一般而言，在Javascript中，this指向函数执行时的当前对象。 Note 注意 this 是保留关键字，你不能修改 this 的值。调用 JavaScript 函数函数中的代码在函数被调用后执行。作为一个函数调用实例 function myFunction(a, b) { return a * b; } myFunction(10, 2); // myFunction(10, 2) 返回 20 以上函数不属于任何对

在之前写代码的经历中，常常试过写着写着this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript设计模式，里面特别谈到了this在不同情况下指代的对象，非常有意思。 this指代的情况 this有以下4种情况： 1、对象.函数的形式调用：object.function(); 2、普通函数的形式调用：function(); 3、构造器调用; 4、Function.prototype.call或Function.prototype.apply调用; 1、对象.函数的形式调用对象.函数方式调用时，指代该对象。 var obj = { num:1, getNum:fu

vbScript

4,008

社区成员

3,510

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章