设为首页收藏本站

ZMX - IT技术交流论坛 - 无限Perfect,追求梦想 - itzmx.com

 找回密码
 注册论坛

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

用百度帐号登录

只需两步,快速登录

搜索
查看: 1455|回复: 1

一段程序让你看懂JS中的this

[复制链接]

签到天数: 36 天

[LV.5]常住居民I

发表于 2016/10/15 16:52 | 显示全部楼层 |阅读模式 |Google Chrome 45.0.2454.101|Windows 7
天涯海角搜一下: 百度 谷歌 360 搜狗 有道 雅虎 必应 即刻
  var name = "Bob";

  var nameObj ={

  name : "Tom",

  showName : function(){

  console.log(this.name);

  },

  waitShowName : function(){

  setTimeout(this.showName, 1000);

  }

  };

  nameObj.waitShowName();//Bob

  nameObj.showName();//Tom

  setTimeout函数的默认定义域是全局的,this代指调用他的那个对象,showName()函数是个调用对象为nameObj,故输出了Tom。若要让waitShowName输出Tom,你只需这样做:

  var name = "Bob";

  var nameObj ={

  name : "Tom",

  showName : function(){

  console.log(this.name);

  },

  waitShowName : function(){

  var that = this; //将this值保存。有些地方也将that写为self。

  setTimeout(function(){

  console.log(that.name);

  }, 1000);

  }

  };

  nameObj.waitShowName();

  <!doctype html>

  <html>

  <head>

  <meta charset="utf-8">

  <meta name="description" content="">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>左侧固定,右侧自适应</title>

  </head>

  <body>

  <h1>左侧固定,右侧自适应布局</h1>

  <div class="left-fixed_right-auto">

  <div class="left"http://www.9ask.cn/sjz/>

  左侧定宽左侧定宽左侧定宽左侧定宽左侧定宽左侧定宽

  </div>

  <div class="right">

  <div class="right-content">

  右侧自适应,这是会自动换行的换行的换行的发动发动发扥扥这是会自动换行的换行的换行的发动发动发扥扥这是会自动换行的换行的换行的发动发动发扥扥这是会自动换行的换行的换行的发动发动发扥扥

  </div>

  </div>

  </div>

  </body>

  </html>

评分

参与人数 1樱币 +1 收起 理由
ubuntu + 1 很给力!

查看全部评分

[发帖际遇]: 柠檬墨绿色 发帖时在路边捡到 5 樱币,偷偷放进了口袋. 幸运榜 / 衰神榜
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复

使用道具 举报

 成长值: 330

签到天数: 1562 天

[LV.Master]伴坛终老

发表于 2016/10/15 22:10 | 显示全部楼层 |Firefox 49.0|Windows 8.1
聪明的楼主
[发帖际遇]: ubuntu 发帖时在路边捡到 3 樱币,偷偷放进了口袋. 幸运榜 / 衰神榜
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册论坛 新浪微博账号登陆用百度帐号登录

本版积分规则

手机版|Archiver|Mail me|网站地图|IT技术交流论坛 ( 闽ICP备13013206号-7 )

GMT+8, 2024/5/4 07:07 , Processed in 0.103565 second(s), 26 queries , MemCache On.

Powered by itzmx! X3.4

© 2011- sakura

快速回复 返回顶部 返回列表