this关键字的用法

最新推荐文章于 2021-11-29 22:35:09 发布

huahongcui

最新推荐文章于 2021-11-29 22:35:09 发布

阅读量353

点赞数

分类专栏： JavaScript this关键字使用文章标签： JavaScript this关键字函数

JavaScript 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

this关键字

2 篇文章 0 订阅

订阅专栏

使用

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>javascript中this关键字的理解</title>
</head>
<body>
<div id="div">
javascript中的this关键字理解
</div>
<script type="text/javascript">
// 1 纯粹的函数调用
var a = {};
a.x = 10;
a.y = function(){
alert(this.x);
}
a.y();
var x = 100;
function test(){
alert(this.x);
}
test();

// 2 作为对象的方法调用
var test = function(){
alert(this.x);
}

var x = "this is a window property";
var obj = {};
obj.x = 10;
obj.y = function(){
alert(this.x);
}

var obj2 = obj.y;
obj.y();
test();
obj2();

//3 call apply
//call
function changeStyle(type, value){
this.style[type] = value;
}
var oDiv = document.getElementById('div');

changeStyle.call(oDiv, 'fontSize', '40px');

//apply
function changeStyle(type, value){
this.style[type] = value;
}

var oDiv = document.getElementById('div');

changeStyle.apply(oDiv, ['fontSize', '40px']);

//4. 作为构造函数调用
function test(){
　　　　this.x = 1;
　　}
　　var o = new test();
　　alert(o.x);
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

huahongcui

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
this关键字的用法

javascript中this关键字的理解javascript中的this关键字理解 // 1 纯粹的函数调用var a = {};a.x = 10;a.y = function(){alert(this.x);}a.y();var x = 100;function test(){alert(this.x);}test
复制链接

扫一扫