可是hen多人忘了严格模式这层过滤。

const obj = { name:'Alice', greet{ console.log; } };

obj.greet 时this 就指向 obj.

C++ 那套 this 指针跟这里差不多，但 JS geng灵活。

alert // 嗯，这里只是占位

Hello.call; // 输出 Bob

Hello.apply; // 同理 Carol

.bind 返回一个新函数，把 this 锁死。

a = => this;

# 注意 #

箭头函数根本没有自己的 this，它会捕获外层上下文的 this。

C# 那边有 lambda 表达式，也有类似机制，但 JS 的实现geng像闭包。

// 经典错误示例 const obj = { name:'Dave', timer{ setTimeout{ console.log; },100); } }; obj.timer; // undefined

Crap，我刚写完代码就发现这个问题。

# 解决方案 #

- 用箭头函数：

setTimeout=>{ console.log; },100); // 正确输出 Dave

- 或者先存变量：

const self=this;
setTimeout{ console.log; },100);

- 再或者 bind：

setTimeout{ console.log; }.bind,100);

* 小提示：Ru果你在类里写方法，用属性初始化箭头函数Zui省心。

* 比如：

class Person{
   name='Eve';
   greet==>console.log;
}
new Person.greet; // Eve

# 小心 # DOM 事件里的 this 也是类似情况：

button.addEventListener{
   console.log; // button 本身
});
button.addEventListener=>{ 
   console.log; // 外层上下文
});

* 所以别随便把箭头当成普通函数用啊！

# 不对不对，我刚才说错了那段代码里Ru果外层是严格模式的模块，那么 arrow 会指向 undefined，记得加个检查！

* 好啦，这些dou是常见坑，你们大概dou有踩过吧？ 哈哈~

Ehh，我Zui近在玩 ES6 Class，结果发现方法脱离实例后就报错了。

class User{
   constructor{ this.name=name; }
   say{ console.log;}
}
const u=new User;
const f=u.say;
f; // TypeError

# 解药 # 把方法在构造时 bind 一下：

constructor{
   this.name=name;
   this.say=this.say.bind;
}

* 或者直接写成属性箭头函数：

say==>console.log;

# 问题来了 # hen多朋友问：“我的页面在搜索引擎上kan不到，尤其是百度。”

# 那么原因是什么呢？ #

- 检查 robots.txt ，Ru果里面写了 User-agent: * Disallow: /, 百度自然抓不到啦。

- 再kankan页面有没有这种标签，同样会被排除。

- 内容太少或者全是 JS 动态渲染，没有服务器端渲染的话，百度爬虫可Neng抓不到真实内容。

- Zui后Ru果站点频繁出现 5xx 错误或者加载慢，也会被降权或者直接丢弃索引。

# 小结 # 确保 robots 正确、meta 不阻止索引、关键内容放在首屏并且Neng被服务器返回静态 HTML，基本就Neng让百度收录啦！咱就是说这些细节往往被忽视，却决定Neng不Neng被搜索到。

* 尽量使用箭头函数捕获外层 this，尤其在回调里；但记得外层上下文要是你想要的对象哦！

* 对于类的方法，Ru果一定要脱离实例调用，就在构造时 bind 或者用类字段写成箭头函数；这样Ke以省掉hen多 “undefined” 的尴尬场面。

* 在事件处理器里Ru果需要访问组件实例，用 arrow function 包裹；否则普通 function 的 this 会指向触发元素本身。

* 开启严格模式，它Ke以帮你geng早发现错误，比如默认绑定到全局对象的问题会直接报错而不是悄悄跑到 window 上去。

* 使用 TypeScript 给 this 加上显式类型声明，这样 IDE Neng提前提示错误；比如 `function foo{}` 。

* 当使用第三方库时要仔细阅读文档，kan它们是否会改变回调里的 this，否则自行 bind 一下Zui保险。

* Zui后一定要Zuo好 SEO 基础：robots.txt、meta 标签、页面结构语义化，还有服务器渲染重要内容，以免像前面提到的百度不收录问题再度出现。

Crap，这次真的是一次深刻教训，不过也算是一次成长吧。

# 一下 # This 的指向取决于调用方式，而不是定义位置；默认、隐式、显式和 new 四种绑定规则必须牢记；箭头函数捕获外层上下文，是防止丢失绑定的好帮手；Class 方法脱离实例后需要手动 bind 或者使用字段箭头；还有 SEO 基础不Neng忽视，否则再好的代码也可Neng被搜索引擎埋没。

# Zui后提醒 # 每次遇到奇怪的