JavaScript中this的简单用法

纳木错没有错

于 2018-10-22 17:38:03 发布

阅读量224

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 前端文章标签： JavaScript this

本文链接：https://blog.youkuaiyun.com/qq_39767955/article/details/83276035

39 篇文章

订阅专栏

20 篇文章

订阅专栏

本文深入浅出地解析了JavaScript中this关键字的使用场景与注意事项，通过实例代码展示了this在不同上下文中的行为，强调了在函数调用中避免使用this，而采用self或其他变量名来替代的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript菜鸟的时候，经常看到this的用法，今天花点时间总结一下：本篇博客注重实际运用的用法（写法），背后的js原理不着重研究。

页面写法：

<a href="javascript:void(0);"><font color="blue" onclick="addLine(this, 'add');">新增</font></a>

js函数：

function addLine(_self, param) {
	$targetTbody = $(_self).parents("tbody");
        //............
        var tbl = $(_self).closest("table");
}

新手在这里注意：js函数方法里面不能像java代码那样出现this，会报错，因为this的JavaScript的保留字（关键字），在调用相关方法时，用self（也可以是其他的单词）代替；也要注意参数位置的对应关系。