this解析
定时器中的this
function Aaa()
{
var _this = this; //解决关键
this.a = 12;
//但凡被定时器调的函数,this必然是window,所以,show里面的this.a是undefined的
// setInterval(this.show, 1000);
setInterval(function () { _this.show(); }, 1000);
} Aaa.prototype.show = function ()
{
console.log(this.a);
} var obj = new Aaa();
obj.show();
按钮事件中的this
function Bbb()
{
var _this = this;
this.b = 5;
var btn = document.getElementById('btn1');
//同理,onclick下show函数中如果是this,则指的是按钮,this.show()将会是undefined,所以得存起来 //btn.onclick = (function () {
// this.show();
//}).bind(this); //或者 btn.onclick = function () {
_this.show();
} btn.ondblclick = function () {
console.log(this.value); //弹出按钮的显示文本
}
} Bbb.prototype.show = function () {
console.log(this.b);
} window.onload = function () {
new Bbb();
}
document.write('Show this');
//输出: Show this
document.write('Show this');
//输出: window
作用域
var fun = 90;
(function () {
//对于fun,首先本范围内上部没有,那么就找本范围内的函数,如果函数没有就找外部,
//如果外部没有就undefinded,不会因为下部有但不是函数就选择下部的
console.log(fun); //输出的是fun2的那个
function fun() {
console.log('我是fun1方法');
}
function fun() {
console.log('我是fun2方法');
}
var fun = 3;
console.log(fun); //3
})()
var mmm = "da";
var obj = {
mmm: "xiao",
method: function () {
console.log(this.mmm); //xiao
function shakereturn() {
var mmm = "zuixiao";
console.log(this.mmm); //da
}
shakereturn(); (function shakereturn2() {
var mmm = "zuixiao2";
console.log(this.mmm); //da
})() }
}
obj.method();
参数绑定
function attachfun(b, c) {
console.log(this.a + b + c);
}
attachfun(3, 4);//NaN
var bbb = { a: 20 };
attachfun.apply(bbb, [3, 4]);
attachfun.call(bbb, 3, 4);
var f_1 = attachfun.bind(bbb);
f_1(3, 4);
var f_2 = attachfun.bind(bbb, 3);
f_2(4);
//可以使用bind来设置this达到this暂存的效果。
var bar = {
name: "bar",
body: document.getElementsByTagName("body")[0], greeting: function () {
console.log("Hi there, I'm " + this + ":" + this.name);
}, anotherMethod: function () {
this.body.addEventListener("click", (function () {
this.greeting();
}).bind(this));
}
}; bar.anotherMethod();
// Hi there, I'm [object Object]:bar
this解析的更多相关文章
- 【原】Android热更新开源项目Tinker源码解析系列之三:so热更新
本系列将从以下三个方面对Tinker进行源码解析: Android热更新开源项目Tinker源码解析系列之一:Dex热更新 Android热更新开源项目Tinker源码解析系列之二:资源文件热更新 A ...
- .NET Core中的认证管理解析
.NET Core中的认证管理解析 0x00 问题来源 在新建.NET Core的Web项目时选择“使用个人用户账户”就可以创建一个带有用户和权限管理的项目,已经准备好了用户注册.登录等很多页面,也可 ...
- Html Agility Pack 解析Html
Hello 好久不见 哈哈,今天给大家分享一个解析Html的类库 Html Agility Pack.这个适用于想获取某网页里面的部分内容.今天就拿我的Csdn的博客列表来举例. 打开页面 用Fir ...
- 【原】Android热更新开源项目Tinker源码解析系列之一:Dex热更新
[原]Android热更新开源项目Tinker源码解析系列之一:Dex热更新 Tinker是微信的第一个开源项目,主要用于安卓应用bug的热修复和功能的迭代. Tinker github地址:http ...
- 【原】Android热更新开源项目Tinker源码解析系列之二:资源文件热更新
上一篇文章介绍了Dex文件的热更新流程,本文将会分析Tinker中对资源文件的热更新流程. 同Dex,资源文件的热更新同样包括三个部分:资源补丁生成,资源补丁合成及资源补丁加载. 本系列将从以下三个方 ...
- 多线程爬坑之路-Thread和Runable源码解析之基本方法的运用实例
前面的文章:多线程爬坑之路-学习多线程需要来了解哪些东西?(concurrent并发包的数据结构和线程池,Locks锁,Atomic原子类) 多线程爬坑之路-Thread和Runable源码解析 前面 ...
- Asp.Net WebApi核心对象解析(下篇)
在接着写Asp.Net WebApi核心对象解析(下篇)之前,还是一如既往的扯扯淡,元旦刚过,整个人还是处于晕的状态,一大早就来处理系统BUG,简直是坑爹(好在没让我元旦赶过来该BUG),队友挖的坑, ...
- 【知识必备】内存泄漏全解析,从此拒绝ANR,让OOM远离你的身边,跟内存泄漏say byebye
一.写在前面 对于C++来说,内存泄漏就是new出来的对象没有delete,俗称野指针:而对于java来说,就是new出来的Object放在Heap上无法被GC回收:而这里就把我之前的一篇内存泄漏的总 ...
- SQL Server 数据加密功能解析
SQL Server 数据加密功能解析 转载自: 腾云阁 https://www.qcloud.com/community/article/194 数据加密是数据库被破解.物理介质被盗.备份被窃取的最 ...
- .NetCore中的日志(1)日志组件解析
.NetCore中的日志(1)日志组件解析 0x00 问题的产生 日志记录功能在开发中很常用,可以记录程序运行的细节,也可以记录用户的行为.在之前开发时我一般都是用自己写的小工具来记录日志,输出目标包 ...
随机推荐
- 【】queue
[链接]点击打开链接 [题意] 实话实说,给 OIER 大神们排队这种工作是最让人头疼的事情了.因为同学们都有自尊 心,都不愿意排后面. 现在共有 n 个同学要排成一列,每个同学有两个属性:影响力和承 ...
- 很安逸的离线API文档查询工具Dash和Zeal
大家开发的时候难免会查询一些文档,看一下API的调用方法等,所以会不同的语言去某一个地方去找,确实很麻烦,今天给大家安逸两款软件,肯定会让你爱不释手! Dash for macOS 官方地址:http ...
- Android 自己定义主菜单
本文介绍一个超简单的自己定义主菜单.效果例如以下: 原理:事实上就是对原生的Dialog的一个简单的封装.并加上显示和隐藏的动画效果.再给控件加上回调事件. TestDialog.java publi ...
- mahout測试朴素贝叶斯分类样例
对于这个測试建议大家先理解原理,这里我画了例如以下的示意图 接下来就依照例如以下的细节来输入指令測试: 首先前提是Hadoop安装并启动,mahout已经安装了. <strong>< ...
- swift开发网络篇—NSURLConnection基本使用
iOS开发网络篇—NSURLConnection基本使用 一.NSURLConnection的常用类 (1)NSURL:请求地址 (2)NSURLRequest:封装一个请求,保存发给服务器的全部数据 ...
- vuex概念总结及简单使用实例
原文 简书原文:https://www.jianshu.com/p/0546983f5997 大纲 1.什么是Vuex 2.什么是“状态管理模式”? 3.什么情况下应该使用 Vuex? 4.Vuex和 ...
- HDU 1996汉诺塔VI
题目: n个盘子的汉诺塔问题的最少移动次数是2^n-1,即在移动过程中会产生2^n个系列.由于 发生错移产生的系列就增加了,这种错误是放错了柱子,并不会把大盘放到小盘上,即各柱 子从下往上的大小仍保持 ...
- python打印即时输出的方法
>>> import sys>>> sys.stdout.flush() 但是实验了,上面的报错,应该是不对的. 实验了,下面的报错,应该是不对的. 使用 prin ...
- 自己定义Dialog的具体步骤(实现自己定义样式一般原理)
转载请标注转载http://blog.csdn.net/oqihaogongyuan/article/details/50958659 自己定义Dialog的具体步骤(实现自己定义样式一般原理) ...
- [RxJS] AsyncSubject: representing a computation that yields a final value
This lesson will teach you about AsyncSubject, another type of Subject with some replaying logic ins ...