js函数中this指向的问题代码实例分析
程序员文章站
2022-04-13 15:47:11
js函数中this指向的问题代码实例分析
js函数中this指向的问题代码实例分析
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>document</title>
</head>
<body>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<script>
/*
*
* 函数中的this的指向
*
*
* 普通函数中的this是谁?-----window
* 对象.方法中的this是谁?----当前的实例对象
* 定时器方法中的this是谁?----window
* 构造函数中的this是谁?-----实例对象
* 原型对象方法中的this是谁?---实例对象
*
*
* */
//严格模式:
// "use strict";//严格模式
// function f1() {
// console.log(this);//window
// }
// f1();
// 普通函数---函数声明
function f1() {
console.log(this);
}
f1();
// 普通函数---函数表达式
var f2= function () {
console.log(this);
};
f2();
//定时器中的this
setinterval(function () {
console.log(this);
},1000);
// 构造函数
function person() {
console.log(this);
// 对象的方法
this.sayhi=function () {
console.log(this);
};
}
// 原型中的方法
person.prototype.eat=function () {
console.log(this);
};
var per=new person();
console.log(per);
per.sayhi();
per.eat();
//bom:中*对象是window,浏览器中所有的东西都是window的
</script>
</head>
<body>
</body>
</html>