js题目

箭头函数this指向问题

class  B {}
B. prototype. a =  1;
//箭头函数this指向的是window里面的a，所以this.a为undefined，然后++，变成了NAN
B. prototype. add = ()  => {
   this. a++;
};
const  b1 =  new  B();
console. log( b1. a); //1 原型链上的a

const  b2 =  new  B();
b2. add();
console. log( b2. a); //1 原型链上的a

const  obj = {
         a:  1,
	};
obj. add = ()  => {
   console. log( this. a); //NAN 此时window里面的a已经是变成了NAN
};
obj. add();

//代码片段一
  /*
   说说它们的输出情况
   */

  //代码片段一
  var name = "The Window";
  var object = {
    name: "My Object",
    getNameFunc: function () {
		console.log(this)
      return function () {
		console.log(this)
        return this.name;
      };
    }
  };
  console.log(object.getNameFunc()());  //?

  //代码片段二
  var name2 = "The Window";
  var object2 = {
    name2: "My Object",
    getNameFunc: function () {
      var that = this;
      return function () {
        return that.name2;
      };
    }
  };
  console.log(object2.getNameFunc()()); //?

console.log('begin')
setTimeout(() => {
    console.log('setTimeout 1')
    Promise.resolve().then(() => {
        console.log('promise 1')
        setTimeout(() => {
            console.log('setTimeout2 between promise1&2')
        })
    }).then(() => {
        console.log('promise 2')
    })
}, 0)
console.log('end')

inner = 'window';

function say() {
    console.log(inner);
    console.log(this.inner);
}

var obj1 = (function() {
    var inner = '1-1';
    return {
        inner: '1-2',
        say: function() {
            console.log(inner);
            console.log(this.inner);
        }
    }
})();

var obj2 = (function() {
    var inner = '2-1';
    return {
        inner: '2-2',
        say: function() {
            console.log(inner);
            console.log(this.inner);
        }
    }
})();


say();
obj1.say();
obj2.say();
obj1.say = say;
obj1.say();
obj1.say = obj2.say;
obj1.say();