每日总结

6/20

每日单词

tool：工具	paragraph：段落
execute：执行	save：保存
browser：浏览器	protocol：协议
webpage：网页	website：网站
homepage：主页	online：分数
search：搜索	telnet：远程登录
able：能	reserved：保留
rights权限	information：信息

js中的this

---

全局this

---

浏览器宿主的全局环境中，this指的是window对象。
<script type="text/javascript"> console.log(this === window); //true </script>

浏览器中在全局环境下，使用var声明变量其实就是赋值给this或window。
<script type="text/javascript"> var foo = "bar"; console.log(this.foo); //logs "bar" console.log(window.foo); //logs "bar" </script>

任何情况下，创建变量时没有使用var或者let，也是在操作全局this。
<script type="text/javascript"> foo = "bar"; function testThis() { foo = "foo"; } console.log(this.foo); //logs "bar" testThis(); console.log(this.foo); //logs "foo" </script>

---

DOM 事件回调中的this

在DOM事件的处理函数中，this指代的是被绑定该事件的DOM元素。
function Listener() { document.getElementById("foo").addEventListener("click", this.handleClick); } Listener.prototype.handleClick = function (event) { console.log(this); //logs "<div id="foo"></div>" } var listener = new Listener(); document.getElementById("foo").click();

---

HTML标签的属性中是可能写JS的，这种情况下this指代该HTML元素。

<div id="foo" onclick="console.log(this);"></div> <script type="text/javascript"> document.getElementById("foo").click(); //logs <div id="foo"... </script>