JavaScript中this的用法步骤
关于JavaScript中this的用法网络中已经有较多比较详尽的介绍,可以参考本文的参考学习资料和网络。本文结合网络收集整理,尝试以一种简易的方式阐述JavaScript中this的用法,希望对大家关于JavaScript中this用法的快速理解有所帮助。
1. this用法实例
复制代码 代码如下:
r = “red”;
var o = { color: “blue” };
function sayColor(){
alert(r);
}
sayColor(); //”red”
olor = sayColor;
olor(); //”blue”
2. this用法简易理解
this指向哪里:
this运行的.环境(the context object),或者简单理解为:this所在函数被调用时的当前作用域。
一段实例代码立刻明白:
复制代码 代码如下:
var fun = function() {
(this);
}
fun();// console: window,fun 的执行context为window,即this所在函数(fun())被调用时的当前作用域为window。
new fun();//console: fun,fun 的执行context为fun对象内,即this所在函数(fun())被调用时的当前作用域为fun对象内。
3. this用法的一个特殊情况
(1)情况:
复制代码 代码如下:
function demo() {
e = om();
}
点击这个button之后,你会发现按钮的value值没有改变。
原因:在本代码运行的情况下this指向的是window对象。
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
ick= demo;
点击这个button之后,程序可正常执行。
(2)原因解释:
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
ick= demo;
alert(ick);
得到的输出是:
复制代码 代码如下:
function demo() {
e = om();
}
复制代码 代码如下:
var button = lementById("aButton");
function demo() {
e = om();
}
alert(ick);
得到的输出是:
复制代码 代码如下:
function onclick() {
demo();
}
-
哪些方法做网站推广流量导入量大
网站推广是每个站长的重大任务之一,那么哪些方法做网站推广流量导入量大呢?小编为你列举了以下一系列方法。1、利用QQ群去做推广先找到目标QQ群、加入群,这是第一步,如果QQ群我们都没有加入,那还怎么谈推广。所以我们要使自己的QQ号码尽量多的加入目标用户群,只有加...
-
卧室怎么设计才好看
卧室作为人们修身养息的重要场所,在装修设计的时候,并不是随个人喜好决定的,而是以舒适为主。舒适可以说是卧室设计的最基本的原则。而这种舒适感,首先表现为实用性,然后才是装饰性。这里的实用性包括休息舒适、收纳强大、家具摆放合理,而装饰性则包括了卧室的色调搭...
-
室内设计课程中儿童家具部分要点
导语:很多年轻夫妻在组建家庭的过程中已经为他们以后的孩子准备了卧室和家具,而已经有了小孩的大部分家庭也在积极准备购买儿童家具。这一现象也导致儿童家具的销量越来越大,甚至在整个家具销量中占了很大比重,使得儿童家具市场的发展前景十分广阔,同时也成功的吸引...
-
生态性环艺设计发展的趋势
生态设计,也可以称作绿色设计或者生命周期设计或者环境设计。生态设计是指在设计过程中,遵从本地化、节约化、自然化等原则,尽最大可能考虑到环境因素,减少对环境的危害,实现设计的可持续性和再循环。下面是本站小编整理的生态性环艺设计发展的趋势相关内容,希望对你...