函数的调用方式和函数内部的this指向

1. 普通函数
function fn(){
console.log(‘你好’);
};

调用方式：
fn();
fn.call();

2. 对象的方法
var o ={
sayHi:function (){
console.log(‘hi’);
}
};

调用方式：
o.sayHi();

3. 构造函数
function Star(){};

调用方式：
new Star();

4. 绑定事件函数
btn.onclick = function (){};

调用方式：
点击就可以调用

5. 定时器函数
setInterval(function (){},1000);

调用方式：
这个函数是定时器自动1s调用一次

6. 立即执行函数
(function (){
console.log(‘你好’);
})()

调用方式：
立即执行函数是自动调用

this指向：

例如：

//1. 普通函数
//普通函数的this指向window
function fn(){
    console.log(this);
};
 fn();
// fn.call();

//2. 对象的方法
//对象的方法 this指向的是对象o
var o ={
    sayHi:function (){
        console.log(this);
    }
};
o.sayHi();

//3. 构造函数
//构造函数的this指向实例对象ldh
//原型对象的this指向实例对象ldh
function Star(){
    console.log(this);
};
Star.prototype.sing = function (){
    console.log(this);
}
var ldh = new Star();
ldh.sing();

//4. 绑定事件函数
//this 指向函数调用者btn
btn.onclick = function (){
    console.log(this);
};
//点击就可以调用

//5. 定时器函数
//定时器里面的this指向window
setInterval(function (){
    console.log(this)
},3000);
//这个函数是定时器自动1s调用一次

//6. 立即执行函数
//立即执行函数里面的this指向window
(function (){
    console.log(this);
})();
//立即执行函数是自动调用