`
退役的龙弟弟
  • 浏览: 446670 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js传递this

阅读更多

1、html代码:

<input type="button" onclick="testThis(this,111);" id="thistest" value="this测试">

 

2、两种传递this的方式:

(1)onclick调用方法

//obj即为this
//param为传递的参数
function testThis(obj,parm){
		var value = $(obj).val();
		alert("value = " + value + "         param=" + parm);
}

 

(2)使用().click(function(){}),这样可以直接使用this

$(function(){
		$("#thistest").click(function () {
			alert($(this).val());
		}); 
});

 

分享到:
评论

相关推荐

    浅谈JavaScript 函数参数传递到底是值传递还是引用传递

    在传统的观念里,都认为JavaScript函数传递的是引用传递(也称之为指针传递),也有人认为是值传递和引用传递都具备。那么JS的参数传递到底是怎么回事呢?事实上以下的演示也完全可以用于Java 首先来一个比较简单的,...

    A标签中通过href和onclick传递的this对象实现思路

    想传递当前对象给一个函数,于是就将这个URL写成”[removed]shoControlSidebar(this)”,可是结果发现这并不可行,传递过去的参数是一个对象,但是却得不到任何其他信息。我想得到的是innerText,而这个this并非指向...

    详解JS中定时器setInterval和setTImeout的this指向问题

    Js是一个单线程语言,可以通过setTimeout()和setInterval()来设置代码在指定时刻运行,前者是在指定时间后执行,后者是指每隔一段时间执行。两者的使用方法类似。 最近在练习写一个小例子的时候用到了定时器,发现...

    JavaScript函数的调用以及参数传递

    一般而言,在Javascript中,this指向函数执行时的当前对象。 Note 注意 this 是保留关键字,你不能修改 this 的值。 调用 JavaScript 函数 函数中的代码在函数被调用后执行。 作为一个函数调用 实例 function ...

    axios.min.js

    import Axios from 'axios'将axios全局挂载到VUE原型上:Vue.prototype.$http=Axios get方法发送请求//方法一传递参数 this.$http.get('https://cnodejs.org/api/v1/topics',{ params: { //参数 page: this.page, ...

    【JavaScript源代码】vue2实现provide inject传递响应式.docx

     // 父级组件提供 'foo' var Provider = { data(){ return { foo: 'bar' } } provide: { fooProvide: this.fooFn // 传递一个引用类型函数过去 }, methods:{ fooFn() { return this.foo } } } var ...

    如何修改javascript中的this指向

    后面所有参数:表示向函数中正常传递的实参,可省略,也可以传多个 返回值:原函数的返回值 function fn(a,b){ console.log(this); console.log(a); //world console.log(b); //123 return back; } fn...

    js-object-oriented-bind-call-apply-this-lab-nyc-web-051418

    绑定,致电,申请实验室目标使用JavaScript的绑定,调用和应用方法来更改函数的范围并正确传递参数指示在本实验中,我们的测试定义了一些函数,然后将这些函数传递给我们要求您编写的函数。 您的函数不仅应调用作为...

    【JavaScript源代码】Vue router传递参数并解决刷新页面参数丢失问题.docx

    Vue router传递参数并解决刷新页面参数丢失问题  Vue Router 传参方式:  1. this.$router.push({ name: '模块名称', params: { // 各参数 } })  router.js:  export default new Router({ routes: [ { path...

    JavaScript中arguments和this对象用法分析

    本文实例讲述了JavaScript中arguments和this对象用法。分享给大家供大家参考,具体如下: 在函数内部有两个特殊的对象 : arguments和this。 1、arguments对象 js函数不介意定义多少参数,也不在乎传递进来多少参数,...

    JavaScript调用模式与this关键字绑定的关系

    调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。 实参与形参不一致不会导致运行时错误,多的被忽略,少的补为undefined 每个方法都会收到两个附加参数:this和arguments。this的值取决于调用的模式,...

    vue.js this.$router.push获取不到params参数问题

    2.params方式传递参数 this.$router.push({ name:'路径名称' query:{ idname:id } }) 接收的方式:this.$route.params.id 代码 this.$router.push({ path: '/container', params: { url: this.func.u

    JavaScript中的this妙用实例分析

    JavaScript关键字this始JS脚本能够根据使用这个关键字的上下文将值传递给函数。 我们先来看如下一个网页,在用户单击链接之后,弹出一个alert框,然后再转到href属性所指的网页 HTML: &lt;!DOCTYPE html&gt; &lt;...

    简单对比分析JavaScript中的apply,call与this的使用

    apply:调用函数,并用指定对象替换函数的 this 值,同时用指定数组替换函数的参数。 语法:apply([thisObj[,argArray]]) thisObj 可选。要用作 this 对象的对象。 argArray 可选。要传递到函数的一组参数。 2.call...

    nothis:完全消除和消除JavaScript的功能

    nothis将this作为参数传递。 fixthis防止this进行重新绑定。 nothisAll -阻止的重新绑定this对于React。nothis ::函数-&gt;函数示例:装饰器基本JavaScript对象 import context from 'nothis/contextDecorator'class ...

    Omi v1.0.2发布正式支持传递javascript表达式

    写在前面 Omi框架可以通过在组件上声明 data-* 把属性传递给子节点。 Omi从设计之初,就是往标准的DOM标签的标准传递方式靠齐。...那么支持传递javascript表达式就能解决这些痛点。 废话不多说,来看神器的

    javascript自定义函数参数传递为字符串格式

    1:用this传递 2:引号缺省 3:转义字符(html中 代表”双引号,'代表单引号,javascript中直接\” 和Java通用转义字符集) &lt;html&gt; &lt;head&gt; [removed] function print(arg){ alert&#40;你好!+arg&#41...

    JavaScript中this关键词的使用技巧、工作原理以及注意事项

    要根据this 所在的位置来理解它,情况大概可以分为3种:  1、在函数中:this 通常是一个隐含... 函数基本可以代表JS中所有可被调用的结构,所以这是也最常见的使用this 的场景,而函数又能被子分为下列三种角色:  

    JavaScript基础之this和箭头函数详析

    由于箭头函数没有自己的this指针,通过 call() 或 apply() 方法调用一个函数时,只能传递参数(不能绑定this),他们的第一个参数会被忽略。 前言 阅读下面的内容要先看下《你不知道的javascript(上)》中的第二...

Global site tag (gtag.js) - Google Analytics