js中this用法实例详解
更新时间：2015年05月05日 11:33:09 作者：yuan001
这篇文章主要介绍了js中this用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下
本文实例讲述了js中this用法。分享给大家供大家参考。具体如下：
1. 指向window
全局变量
alert(this) //返回 [object Window]
全局函数
function sayHello(){
alert(this);
}
sayHello();
2. 指向该对象（在全局里面this指向window,在某个对象里面this指向该对象，在闭包里面this指向window）
var user="the Window";
var box={
user:'the box',
getThis:function(){
return this.user;
},
getThis2:function(){
return function (){
return this.user;
}
}
};
alert(this.user);//the Window
alert(box.getThis());//the box
alert(box.getThis2()());
//the Window （由于使用了闭包，这里的this指向window）
alert(box.getThis2().call(box));
//the box 对象冒充（这里的this指向box对象）
3. 用apply,call改变函数的this指向
function sum(num1, num2){
return num1+num2;
}
function box(num1, num2){
return sum.apply(this, [num1, num2]);
//this 表示window的作用域 box冒充sum来执行
}
console.log(box(10,10)); //20
4. new 对象
function Person(){
console.log(this) //将 this 指向一个新建的空对象
}
var p = new Person();
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
在 JavaScript 中,处理浮点数时经常会遇到精度丢失的问题,这是由于 JavaScript 内部采用 IEEE 754 标准表示浮点数,导致某些小数无法精确表示,本文将介绍一些常见的方法来解决 JavaScript 中的精度问题,并讨论它们的优缺点,需要的朋友可以参考下2024-05-05
这篇文章主要为大家介绍了js面向对象编程，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了微信小程序分类菜单激活状态跟随列表滚动自动切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
这篇文章介绍了javascript打印输出json实例，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了JS实现动态添加外部js、css到head标签的方法,涉及javascript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2019-06-06
JavaScript实现的字符串replaceAll函数代码分享
这篇文章主要介绍了JavaScript实现的字符串replaceAll函数代码分享,本文直接给出实现代码,需要的朋友可以参考下2015-04-04
下面小编就为大家带来一篇限制只能输入数字的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JavaScript使用指针操作实现约瑟夫问题,实例分析了javascript模拟数组指针操作的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
underscore之Collections_动力节点Java学院整理
underscore为集合类对象提供了一致的接口。集合类是指Array和Object，暂不支持Map和Set。下面通过本文给大家分享underscore之Collections的相关知识，需要的的朋友参考下吧2017-07-07
这篇文章主要为大家详细介绍了js判断鼠标移入移出方向的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
最新评论