js中的this详解
2024-08-29 19:12:10
在web前端开发中,javascript中的this和其他的JAVA,C#等大型语言一样,是一个重要概念。但是要注意的是,在javascript中,由于 javascript的动态性,this的指向在运行时才确定,这就需要我们掌握它的工作原理。
零度接下来来分析分析。
默认的this
Javascript 下,所有的属性都默认为window对象所有,所以说this也不例外,看下面的例子,先来个热身:
var a = “123”;
function fn(){
var a = “345”;
alert(this.a);//与window.a相同
}
fn();//
由此可见,fn()执行时,函数里的this 指向全部对象window。
指定事件的this
再看下面这个例子:
window.onload = function(){
document.getElementById(“box”).onclick = function(){
alert(this.style.width);
};
}
运行弹出的是id为box元素的宽,表明这里的this指向的是当前元素。
不指定事件元素的时候this指定的是window,指定事件元素的时候,this指定当前发生事件的元素。
最新文章
- Oracle组合索引与回表
- USACO翻译:USACO 2012 JAN三题(2)
- 相关子查询【SQL Server】
- apache2 + virtualenv +djangocms
- PermGen space Eclipse 终极解决方案
- jQuery骨架
- Python Quick Start
- angular : ui-router 操作原理
- EF之通过不同条件查找去重复
- centos7 nginx安装/启动/进程状态/杀掉进程
- ES6躬行记(18)——迭代器
- Codeforces 1130D1 Toy Train (Simplified) (思维)【贪心】
- iOS-方法之+ initialize 与 +load
- 11.Mysql视图
- [转]文件后缀与Mime类型对照表
- html.div
- 多页面应用 VS 单页面应用
- ROC 曲线/准确率、覆盖率(召回)、命中率、Specificity(负例的覆盖率)
- 51NOD 1149:Pi的递推式——题解
- Tornado 高并发源码分析之四--- HTTPServer 与 TCPServer 对象