js中this指向总结
2016-03-26 14:53
627 查看
1、普通函数形式,这里面的this指的是window对象;如:
function test()
{
alert('test');
}
//普通函数调用形式
test();
2、js类(对象原型)的调用形式 ,这里面的this指的是对象本身。如:
function TestClass(name) {
this.name=name;
}
//类调用模式
var testClass=new TestClass('zs');
3、匿名函数形式,这里面的this指的是window对象;如:
(function () {
alert('匿名函数');
})();
或
var f2 = function () {
//匿名函数中的this指window对象
alert('f2');
};
4、事件驱动模式,这里面的this指的是dom元素本身;如:
document.getElementById("btnOk").onclick = function () {
//这里面的this指按钮对象本身
};
function test()
{
alert('test');
}
//普通函数调用形式
test();
2、js类(对象原型)的调用形式 ,这里面的this指的是对象本身。如:
function TestClass(name) {
this.name=name;
}
//类调用模式
var testClass=new TestClass('zs');
3、匿名函数形式,这里面的this指的是window对象;如:
(function () {
alert('匿名函数');
})();
或
var f2 = function () {
//匿名函数中的this指window对象
alert('f2');
};
4、事件驱动模式,这里面的this指的是dom元素本身;如:
document.getElementById("btnOk").onclick = function () {
//这里面的this指按钮对象本身
};
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- node.js抓取并分析网页内容有无特殊内容的js文件
- PHP+JS实现大规模数据提交的方法
- 仿51JOB的地区选择效果(可选择多个地区)