javascript笔记3

最新推荐文章于 2025-02-18 17:52:54 发布

nameyuxiang

最新推荐文章于 2025-02-18 17:52:54 发布

阅读量819

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/nameyuxiang/article/details/12492073

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了JavaScript中变量的作用域定义、函数调用者caller属性的应用、函数作为对象的特性、以及this关键字在不同上下文中的行为表现。

1、var定义的是作用域上的变量，没有var则是全局上的变量，var定义的变量不能再函数域中使用。

2、当javascript运行到一个函数时，会在当前作用域中建立一个子作用域，将当前作用域的全局性切换给这个新建的子作用域。

3、函数本身有个caller属性，调用函数调用者，全局调用者是null，上代码

<script type="text/javascript">

function whocallme(){
  alert("my caller is"+whocallme.caller);
}

function callA(){
	whocallme();
}
function callB(){
	whocallme();
}
alert(whocallme.caller);
callA();//mycaller is function callA(){}
callB();//mycaller is function callB(){}
whocallme();//输出my caller is null
</script>

caller属性opera浏览器不支持哦，其他浏览器基本支持。
4、javascript函数就是对象，这也是javascript特别之处，看个例子

<script type="text/javascript">



function sing(){
	alert(sing.author +" : "+sing.poem);
}
sing.author = "李白";
sing.poem= "白云依山尽"
sing();

sing.author="王维";
sing.poem="黄河入海流"
sing();
</script>

5、javascript中this作用

<script type="text/javascript">
function whoAmI(){
	alert("i am "+this.name +" of "+typeof(this));
}
whoAmI();//i am  of obhect
var Gates = {name:"bill gates"};
Gates.whoAmI = whoAmI;
Gates.whoAmI();//i am bill gates of object

var steven = {name:"steven"};
steven.whoAmI = whoAmI;
steven.whoAmI();//i am steven of object

whoAmI.call(Gates);//i am bill gates of object
whoAmI.call(steven);//i am steven of object

Gates.whoAmI.call(steven);//i am steven of object
steven.whoAmI.call(Gates);//i am bill gates of object

whoAmI.whoAmI = whoAmI;//将whoami函数设置为本身
whoAmI.name = "whoami";
whoAmI.whoAmI();//i am whoaimi of function
</script>

从上述代码可以看出this并不是指函数本身所属于的对象，this只是当前任意对象和function结合时的一个概念，在javascript中你只能把this看成当前要服务的对象。