javascript Call apply this 迟绑定

最新推荐文章于 2025-09-04 18:55:33 发布

taoge2121

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量531

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript function html class

本文链接：https://blog.youkuaiyun.com/taoge2121/article/details/7710799

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了JavaScript中对象方法的使用及作用域的概念，通过示例展示了如何在不同作用域下访问对象属性。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> New Document </title>
<script type="text/javascript">
window.onload = function(){
var _codeContent = document.getElementById('code').innerHTML;
eval(_codeContent);

}
</script>
</head>

<body><pre>
<div class="code" id="code">
(function(){
function People(){
this.id = 1;
this.name = 2;

this['getId'] = function(){
return this.id;
}
this['setId'] = function(id){
this.id = id;
}
this.getName = function(){
return this.name;
};
this.setName = function(name){
this.name = name;
};
}
function Student(){
this.sex;

this.getSex = function(){
return this.sex;
};

this.setSex = function(sex){
this.sex = sex;
};

var that = this;
this.show = function(arg1,arg2){
alert('用this.sex访问不到student的对象或方法，因为此时作用域是调用对象People\n 所以this.sex='+this.sex);
var arr = [];
arr.push('People ID属性：'+this.id);
arr.push('\nPeople Name属性：'+this.name);
arr.push('\nStudent Sex属性'+that.sex);
arr.push('\n调用时传入参数个数'+arguments.length);
alert(arr.join(''));
}
}

var people = new People();
var student = new Student();
student.setSex("femail");
student.show.call(people,'arg_01','arg_02');
/**student.show.apply(people,['arg_01','arg_02']);*/

})();
</div>
</pre>
</body>
</html>