React笔记

最新推荐文章于 2024-05-01 23:59:27 发布

whan8080

最新推荐文章于 2024-05-01 23:59:27 发布

阅读量106

点赞数

分类专栏： JS

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

2018用到的前端内容

es6

nodejs

react

redux

reason

ES 6

thunk函数

this

JavaScript 的this 关键字在严格模式和非严格模式之间也会有一些差别

严格模式下

1.在全局执行环境中（在任何函数体外部）this 都指向全局对象。

2. 如果 this 没有被执行环境（execution context）定义，那它将保持为 undefined

function f2(){
  "use strict"; // 这里是严格模式
  return this;
}

f2() === undefined; // true

3. 可以用call或者apply方法传递/更改this的值。

4. ECMAScript 5 引入了 Function.prototype.bind。调用f.bind(someObject)会创建一个与f具有相同函数体和作用域的函数，但是在这个新函数中，this将永久地被绑定到了bind的第一个参数，无论这个函数是如何被调用的。

function f(){
  return this.a;
}

var g = f.bind({a:"azerty"});
console.log(g()); // azerty

var h = g.bind({a:'yoo'}); // bind只生效一次！
console.log(h()); // azerty

var o = {a:37, f:f, g:g, h:h};
console.log(o.f(), o.g(), o.h()); // 37, azerty, azerty

5. 箭头函数中，this的值与封闭词法环境的this保持一致。

6.函数作为对象里的方法被调用时，它们的 this 是调用该函数的对象。

7.如果该方法存在于一个对象的原型链上，那么this指向的是调用这个方法的对象，就像该方法在对象上一样。

8.当一个函数用作构造函数时（使用new关键字），它的this被绑定到正在构造的新对象。

9.当函数被用作事件处理函数时，它的this指向触发事件的元素

10.当代码被on-event 处理函数内联调用时，它的this指向监听器所在的DOM元素

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

prototype

Promise