每日总结
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>
