🌟 我们在chrome浏览器中debug程序。为了好debug我们会写一些在日常开发中基本不会采用的代码书写方式。
JavaScript中创建对象有3中方式： 1、对象字面量； 2、new； 3、Object.create(对象)；
1、使用new创建对象
function F(){
this.v1 = 1;
this.v2 =2;
}
let f = new F();
🔓 在F构造函数中第一行let v1 = 1前打上断点，在控制台(Console)输入this,显示如下图
this已经有值了。只是属性v1、v2还没有ti添加到对象中。
📖 结论：使用new调用构造函数创建对象时，对象立即被创建出来，不会等构造函数中的代码执行完成并返回才创建对象。
2、对象字面量
示例程序：
let obj1 = {
v1: (function () {
return 1;
})(),
v2: ""
}
let obj2 = {};
为了好debug打断点验证，v1我们采用立即执行函数（IEF）进行初始化。
在立即执行函数的return 1前打上断点。在控制台输入this，显示Window {...}, 也就是说进入字面量对象定义中时，对象并没有创建出来。
📖 结论：使用对象字面量创建对象时，对象并不是被立刻创建出来。
这里的结论有助于理解箭头函数的this值。
⭐️⭐️⭐️⭐️⭐️
如果箭头函数直接作为方法定义在对象中，箭头函数this值并不会绑定到这个对象，而是会绑定到这个对象的外围上下文的this
3、Object.create(对象)；
没有想好怎么验证… 。
