JS 构造函数中的 this

最新推荐文章于 2022-11-17 20:18:59 发布
最新推荐文章于 2022-11-17 20:18:59 发布
阅读量115 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/yjhua/p/5069794.html
版权 
<!doctype html >
<html style="font-size:13.5px;">
<head>
<meta charset="utf-8">
<title>JS 绑定 事件</title>

</head>
<style type="text/css">
li{ width:500px; line-height:20px;}
</style>


<body>
<ul> 

 <li>111111111</li>
 <li>222222222</li>
 <li>3333333333</li>

</ul>


<div id="btn"> 点击</div>
</body>
</html>


<script src="jquery.1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
    oEditor.init();
});

var oEditor={
    //当前dom
    currentObj:{},
};

oEditor.init=function(){
    $("li").click(function(e){
            var target = $(e.target);
            oEditor.currentObj=target;  //当前DOM
            alert(oEditor.currentObj.html())
   })
    
}


</script>

//上面是点击找到当前的 元素。

 

//下面是   指定 当前元素  其中 主要的句

e.target 返回触发此事件的元素（事件的目标节点）。

 

var target = $(e.target);
  oEditor.currentObj=target;
<!doctype html >
<html style="font-size:13.5px;">
<head>
<meta charset="utf-8">
<title>JS 绑定 事件</title>

</head>
<style type="text/css">
li{ width:500px; line-height:20px;}
.select{ background:#ccc;}
</style>


<body>
<ul> 

 <li>111111111</li>
 <li>222222222</li>
 <li>3333333333</li>

</ul>


<div id="btn"> 点击</div>
</body>
</html>


<script src="jquery.1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
    oEditor.init();
    
});

var oEditor={
    //当前dom
    currentObj:{},
    clear:function(){
          $("li").each(function(index, element) {
              $(this).removeClass("select");
            
        });
    }
};

oEditor.init=function(){
    $("li").click(function(e){
            var target = $(e.target);
            oEditor.currentObj=target;
            oEditor.clear();
            oEditor.currentObj.addClass("select");
             
   });
   
   
   $("#btn").click(function(){
        alert(oEditor.currentObj.html());
       
       })
    
}


</script>

 

转载于:https://www.cnblogs.com/yjhua/p/5069794.html

weixin_30572613
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解JS构造函数中this和return
12-11
先看一段代码， function Foo(name,age){ this.name=name; this.age=age;...相对于普通函数，构造函数中的this是指向实例的，而普通函数调用中的this是指向windows的。 构造函数中如果加入了return的话
JS构造函数的执行过程
01-08
什么是构造函数 通过new操作符调用的函数为构造函数，会构造出一个类的实例 一个函数直接调用则为普通函数调用方式，用new调用则为构造函数调用方式 function Fn(name,age){ let n = 5; this.name=name; this.age...
JavaScript基础(12)_构造函数、this
no15870678621的博客
11-17 627
js构造函数、this
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4260
执行时谁在调用函数，就指向谁
JS中的this指向
热门推荐
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
JS中的this详解
weixin_42321292的博客
01-10 1万+
JS中的this 背景 JS中的this指向问题，一直以来自己并不是十分的清楚，平时在开发中使用时到是也能正常应用，但是对其使用和判断并不能信手拈来，所以自己搜索了一些资料，总结了一下，也希望对大家有所帮助。 目录 什么是this？ this的指向 为什么要使用this？ 什么的this？ this，从字面上含义是“这个”， 所以在JS中this表示的就是当前对象，但这个“当前对象”到底指的是哪个对象，是由运行时所在的上下文环境决定的。 简言之：当前是谁调用了我，我就指向谁； this：表示当前对象。
js 中创建对象 构造函数 this
09-03 2903
//---------------------------- 对象 ----------------------------------------------- //生活中。一类事物和对象的区别。（对象是指具有唯一性的事物） //1.开辟内存空间，存储新创建的对象（ new Object() ） //2.把this设置为当前对象
JS中的构造函数详细解析
01-19
在JavaScript中，任何合法的函数都可以作为对象的构造函数，这既包括系统内置函数，也包括用户自己定义的函数。一旦函数被作为构造函数执行，它内部的this属性将引用函数本身。 通常来说，构造函数没有返回值，它们...
JS构造函数与原型prototype的区别介绍
01-21
构造函数方法很好用，但是存在一个浪费内存 通过原型法分配的函数是所有对象共享的. 通过原型法分配的属性是独立.—–如果你不修改属性，他们是共享 如果我们希望所有的对象使用同一一个函数，最好使用原型法添加...
js函数中this的指向
qq_44388775的博客
10-21 1958
js函数中this的指向 函数在执行时内部会默认创建一个对象叫this，以不同的方式调用函数，内部的this指向是不一样的，this的指向在函数定义的时候是不能确定的，只有调用执行了函数以后才能确定this到底指向谁。谁直接调用了产生this的函数，this就指向谁。 函数的调用方式大概有6种，所以this的指向也可以大致按照这6种来区分。 函数名+小括号直接调用函数，this指向全局对象window。 因为以函数名加小括号的方式调用函数时相当于是window通过.调用了该函数，所以此时this指向win
js构造函数中this的指向问题？
白菜的博客
05-08 789
JS里没有类. 构造函数是个函数,this指向的是个对象,this蒙上眼睛指也指不到构造函数去. 构造函数的this指向创建的实例对象无疑. 要明白这一点,要先弄明白,用new操作符调用构造函数的时候都发生了什么. 造函数其实和普通函数本质上并无区别，唯一的区别有两个： 函数首字母大写，这个区别只是约定俗成的，便于区分。你实在要小写定义构造函数也完全没问题，所以这个区别可以忽略。 构造函数的调用需要用new操作符，而普通函数的调用又分很多种，但是都不会用到new操作符。所以，构造函数和普通函数的区别就在这个
JavaScript之this在构造函数中使用深入讲解
HelloWorld小码农的博客
10-11 477
视频地址： JavaScript之this在构造函数中使用深入讲解 更多精彩内容，敬请扫码关注（HelloWorld小码农）：  
js中的构造函数和this关键字
weixin_30361641的博客
12-12 132
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <body> <script language="javascript" type="text/javascript"> func...
js 关于在子类构造函数中加入call（this）的用意！
wjy397的专栏
08-07 2118
先上例子： function Animal(a,b) { this.a = a; this.b = b; } function Dog(c) { //Animal.call(this);//注释 } Dog.prototype = new Animal(); Dog.prototype.constructor = Dog; var dog1 = new Dog('tom'); co
JS高级之class，构造函数原型和this
weixin_45532305的博客
03-03 1388
this和this指向问题 this最简单的解释就是谁调用它，它就指向谁。 改变this指向 call方法 多用于继承，自调用函数 函数.call(thisArg,params,params) thisArg 在fun 函数运行时指定的this 值 改变this params 传递其他参数 有返回值 apply方法 多用于数组，自调用函数 函数.apply(thisArg,para...
js作用域以及变量的声明提前
ymz-07
08-07 79
作用域： 作用域指一个变量的作用的范围 在JS中一共有两种作用域： 1.全局作用域 直接编写在script标签中的JS代码，都在全局作用域 全局作用域在页面打开时创建，在页面关闭时销毁 在全局作用域中有一个全局对象window， 它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用 在全局作用域中： 创建的变量都会作为window对象的属性保存 创建的函数都会作为window对象的方法保存...
JavaScript中的this详解
EmotionComputer
09-15 3447
箭头函数和普通函数的区别如下。 普通函数：根据调用我的人（谁调用我，我的this就指向谁） 箭头函数：根据定义时所在的对象，而不是使用时所在的对象。（我在哪个环境中，this就指向谁） 例如： function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; fo...
JavaScript 浅谈构造函数与this的用法
weixin_30734435的博客
06-06 198
什么是构造函数：在 JavaScript 中，用new关键字来调用的函数，称为构造函数。 它的作用：重复需要使用的属性当做构造函数的参数传递，可以减少大量的重复操作过程。 在使用时，若是new忘记使用，会产生严重的后果。会导致构造函数内部变量变为全局变量。 避免的方法，在构造函数内部使用严格模式。 当出现报错时，将会终止运行js。此时可以根据报错进行修改调试。 th...
js 构造函数的this指向
最新发布
08-12
- *1* *2* [js构造函数中this的指向问题？](https://blog.csdn.net/m0_53892583/article/details/116525105)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值