JavaScript中逗号运算符和this

本文通过几个具体的示例介绍了JavaScript中this关键字的工作原理,以及逗号运算符的用法。解释了函数调用时this指向的问题,并通过一个有趣的例子展示了逗号运算符如何工作。

遇到一道题目,写出下面的输出:

wKioL1WqNTrzBr2dAAErXTaksLM774.jpg

结果如下:

wKioL1WqNdizNEN-AABALOyVSeI532.jpg

    第一个是child's name没有问题,第二个指定的也是child,依然是child's name,第三个和第二个实际上是一样的,(parentObj.child=parentObj.child)相当于(parentObj.child),都是函数名,第四个又是什么鬼呢。

    逗号运算符是很少见的,查了资料才知道,使用逗号运算符时,先计算左操作数的值,再计算右操作数的值,最后返回右操作数的值。因此,(parentObj.child,parentObj.child)和前三个都是一样的。逗号运算符的优先级在JavaScript中是最低的,如果使用要用括号包起来,不然容易出错。然而,我觉得逗号运算符很少被使用。

    《JavaScript高级程序设计(第3版)》上有这么一个例子:

wKiom1W5w7GifHwqAADXeC3CDbc458.jpg

    

    结果为:

wKioL1W5xd3iUGD1AAAU8XUAeug967.jpg

    书上的解释是,赋值表达式和逗号表达式的值是函数本身,this的值不能得到维持。


    再看一个在网上找的例子了解this的用法:

wKioL1WqPmbzsrElAAC9FUsxOlQ326.jpg

    结果是

wKioL1WqPzzywxa8AABPl0eGjMA546.jpg

    fn();之后为什么this.length是10呢,因为fn这个函数是在全局定义的,fn函数的this指向的是Window,如你所见。

    大道理我都懂,arguments[0]();又是什么鬼?

    arguments是JavaScript的一个内置对象,注意它并不是一个数组,而是对象。

    所以arguments[0]是想找到key为0的value,这个value就是函数名fn,因为它是第一个参数,好了,那这里fn的this就只能指向argument了,因为fn本身没有length这个变量,往外面找就找到arguments了。arguments里面有个length属性,不信我展开最后的function给你看:

wKioL1WqQdPD1PjXAABb2I_fa0w923.jpg

    好了,真相大白,此时this.length为1,length表示的应该就是参数的个数了,这里只有fn,为1










本文转自 iampomelo 51CTO博客,原文链接:http://blog.51cto.com/iampomelo/1675918,如需转载请自行联系原作者
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值