Mmvywd

index.html

<p id="show"></p>

mmvywd.markdown

Constructor & arrow funciton & this 複合式觀念題

A Pen by Derek Hung on CodePen.

License.

script.js

var x = 10;

function _constructor(){
 	this.f = () => console.log(this.x)
 	this.x = 20;
}
var obj = {
	x: 20,
	f: () => console.log(this.x) 
}; 
var objz = {
 	x:40,
 	f: function() { console.log(this.x)}
}

obj1 = new _constructor();  

obj.f();
obj1.f();
objz.f();

var fOut = obj.f;
var fOut1 = obj1.f;
var fOut2 = objz.f;
fOut(); 
fOut1();
fOut2();

var obj2 = {
	x: 30,
	f: obj.f
}
var obj3 = {
	x: 30,
	f: obj1.f
}
var obj4 = {
 	x:30,
 	f: objz.f
}

obj2.f();  
obj3.f(); 
obj4.f();