var obj = {a: 1,};
((obj) => {console.log(obj.a);
obj.a = 3;
var obj = {a: 2,};
console.log(obj.a);
})(obj);
console.log(obj.a);
function Fun() {}
Fun.prototype.a = 1;
let f1 = new Fun();
Fun.prototype = {
b: 2,
c: 3,
};
let f2 = new Fun();
Fun.prototype.d = 4;
console.log(f1.a);
console.log(f1.b);
console.log(f2.c);
console.log(f2.d);
var num = 1;
let obj = {
num: 2,
foo: function () {console.log(this.num);
},
foo2: () => {console.log(this.num);
},
};
let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo();
obj.foo2();
f1();
f2();
// 答案 1 2 3
// 考查形参、局部变量、援用类型、立刻执行函数
// 立刻执行函数外部，var 申明的变量会晋升到函数顶部
var obj = {a: 1,};
((obj) => {
var obj; // 反复申明有效
console.log(obj.a); // *1
obj.a = 3; // *2
obj = {a: 2,}; // *3
console.log(obj.a); // *4
})(obj);
console.log(obj.a); // *5
/**
* 形式参数 obj 属于局部变量，函数内 var obj 反复申明有效
* 立刻执行函数将全局对象 obj 作为参数传入函数，留神是援用类型，* 所以函数内 obj 指向全局对象 obj，因而 `*1` 处输入 1（即全局变量的属性 1）*
* * 2 处将全局变量的属性 a 赋值为 3
* * 3 处局部变量 obj 指向了一个新的对象 `{a: 2}`，留神对全局变量不会有影响
* * 4 处输入的是局部变量的属性 a，即新对象 `{a: 2}` 的属性 a，为 2
* * 5 处输入全局变量的属性 a，在函数内曾经被改为 3
*/
// 答案：1 undefined 3 4
// 考查原型链
function Fun() {}
Fun.prototype.a = 1;
// 在 Fun 的原型对象上增加属性 a 并赋值为 1
let f1 = new Fun();
// 创立实例 f1，此时 f1 的属性 __proto__ 指向 Fun.prototype
Fun.prototype = {
b: 2,
c: 3,
};
// Fun 的 prototype 属性指向了一个新对象
// 留神不会影响实例 f1，因为 f1.__proto__ 还是指向原来那个原型对象
let f2 = new Fun();
// 创立实例 f2，此时 f2 的属性 __proto__ 指向 Fun.prototype
// 留神这时 Fun.prototype 曾经跟创立 f1 时的不同了
// 即 f2.__proto__ 指向 {b: 2, c: 3}
Fun.prototype.d = 4;
// 在 Fun 的原型对象上增加属性 d 并赋值为 4
// 此时 Fun 的原型对象变为 {b: 2, c: 3, d: 4}
// 留神这是批改了 Fun.prototype 指向的那个对象
// 此时 f2.__proto__ 也指向 {b: 2, c: 3, d: 4}
// 综上：f1.__proto__ 为 {a: 1}
// f2.__proto__ 为 {b: 2, c: 3, d: 4}
console.log(f1.a); // 1
console.log(f1.b); // undefined，本身及原型对象上都没有属性 b
console.log(f2.c); // 3
console.log(f2.d); // 4
// 答案 在浏览器中 2 1 1 1
// 考查 this、箭头函数和一般函数的区别
var num = 1; // 在浏览器中 var 申明的全局变量会挂载到 window 对象上
let obj = {
num: 2,
foo: function () {console.log(this.num);
},
// 一般函数的 this 在其执行时能力确定下来
foo2: () => {console.log(this === global);
console.log(this.num);
},
// 箭头函数的 this 在定义时就确定下来了
// 箭头函数外部的 this 就是定义时内部代码块的 this
// 留神这里内部代码块就是全局作用域，即 this 指向全局作用域 this 即 window
// obj 前面的 {} 不是代码块！// 因而箭头函数中的 this.num 就是全局 num 为 1
};
let f1 = obj.foo;
let f2 = obj.foo2;
obj.foo(); // 调用地位有执行上下文对象为 obj，因而 this 指向 obj 输入 2
obj.foo2(); // 箭头函数输入 1
f1(); // 调用地位执行上下文对象为全局对象，因而输入全局 num 为 1
f2(); // 箭头函数输入 1