Detailed explanation of common methods of js function calling_Basic knowledge

/*Method calling mode*/
var myobject ={
value:0,
inc:function(){
alert(this.value)
}
}
myobject.inc()

/*Function call mode*/
var add =function(a,b){
alert(this)//this is tied to window
return a b;
}
var sum=add(3,4);
alert (sum)

/*Constructor calling mode abandoned*/
var quo=function(string){
this.status=string;
}
quo.prototype.get_status=function(){
return this.status;
}
var qq=new quo("aaa");
alert(qq.get_status());

/*apply*/
//Pay attention to usage The above sum function
//and myobject
//The advantage of this calling method is that it can point to the object pointed to by this.
//The first parameter of apply is the object this pointer points to
var arr=[10,20];
var sum=add.apply(myobject,arr);
alert( sum);

var bind=function(object,type,fn){
if(object.attachEvent){//IE browser
object.attachEvent("on" type,(function(){
return function(event){
window.event.cancelBubble= true;//Stop time bubbling
object.attachEvent=[fn.apply(object)];//----What I want to talk about here is here
//Use attachEvent to add a time in IE After binding.
//This does not point to the object object itself, so this.id in the function we bound will not work properly.
//But if we use fn.apply(object).
//It can be seen here that we changed the first object of apply, which is the point of this, to object, so this.id becomes
//object.id and it can work normally. >}
})(object),false);
}else if(object.addEventListener){//Other browsers
object.addEventListener(type,function(event){
event. stopPropagation();//Stop time bubbling
fn.apply(this)
});
}
}
bind(document.getElementById("aaa"),"click" ,function(){alert(this.id)});