函数JavaScript秘密花园 - hasOwnProperty,Functions,this

hasownproperty  时间:2021-02-27  阅读:()

JavaScript秘密花园-hasOwnProperty,Functions,thishasOwnProperty

为了判断一个对象是否包含自定义属性而不是原型链上的属性 我们需要使用继承自Object.prototype的hasOwnProperty方法。

注意:通过判断一个属性是否undefined是不够的。 因为一个属性可能确实存在只不过它的值被设置为undefined。hasOwnProperty是JavaScript中唯一一个处理属性但是不需要查找原型链的方法。?

只有hasOwnProperty可以给出正确和期望的结果这在遍历对象的属性时会很有用。没有其它方法可以用来排除原型链上的属性而不是定义在对象自身上的属性。hasOwnProperty作为属性hasOwnProperty as a property

JavaScript不会保护hasOwnProperty被非法占用因此如果一个对象碰巧存在这个属性就需要使用外部的hasOwnProperty函数来获取正确的结果。

?

结论In conclusion

当检查对象上某个属性是否存在时 hasOwnProperty是唯一可用的方法。 同时在使用for in loop遍历对象时推荐总是使用hasOwnProperty方法 这将会避免原型对象扩展带来的干扰。

函数Functions

函数是JavaScript中的一等对象这意味着可以把函数像其它值一样传递。 一个常见的用法是把匿名函数作为回调函数传递对异步函数中。

函数声明The function declaration

?

1 function foo() {}

上面的方法会在执行前被解析hoisted 因此它存在于当前上下文的任意一个地方 即使在函数定义体的上面被调用也是对的。

?

1 foo() ; //正常运行 因为foo在代码运行前已经被创建

2 function foo() {}

函数赋值表达式The function expression

?

1 var foo = function() {} ;

这个例子把一个匿名的函数赋值给变量foo。

?

由于var定义了一个声明语句对变量foo的解析是在代码运行之前因此foo变量在代码运行时已经被定义过了。

但是由于赋值语句只在运行时执行因此在相应代码执行之前 foo的值缺省为undefined。命名函数的赋值表达式Named function expression

另外一个特殊的情况是将命名函数赋值给一个变量。

?

bar函数声明外是不可见的这是因为我们已经把函数赋值给了foo 然而在bar内部依然可见。这是由于JavaScript的命名处理所致 函数名在函数内总是可见的。this的工作原理How this works

JavaScript有一套完全不同于其它语言的对this的处理机制。 在五种不同的情况下this指向的各不相同。

全局范围内 The global scope

?

1 this;

当在全部范围内使用this它将会指向全局对象。 译者注浏览器中运行的JavaScript脚本这个全局对象是window

函数调用Cal l ing a function

?

1 foo() ;

这里this也会指向全局对象。

ES5注意:在严格模式下strict mode 不存在全局变量。 这种情况下this将会是undef ined。 译者注ES5指的是ECMAScript 5是2009-12发布的最新的JavaScript版本。 

方法调用Cal l ing a method

?

1 test.foo() ;

这个例子中 this指向test对象。

调用构造函数Cal ling a constructor

?

1 new foo() ;

如果函数倾向于和new关键词一块使用则我们称这个函数是构造函数。 在函数内部this指向新创建的对象。

显式的设置this Expl icitsetting of this

?

当使用Function.prototype上的call或者apply方法时 函数内的this将会被显式设置为函数调用的第一个参数。

因此函数调用的规则在上例中已经不适用了在foo函数内this被设置成了bar。注意:在对象的字面声明语法中 this不能用来指向对象本身。 因此var obj = {me:this}中的me不会指向obj 因为this只可能出现在上述的五种情况中。 译者注这个例子中如果是在浏览器中运行 obj.me等于window对象。 

常见误解Common pitfalls

尽管大部分的情况都说的过去不过第一个规则译者注这里指的应该是第二个规则也就是直接调用函数时 this指向全局对象 被认为是JavaScript语言另一个错误设计的地方 因为它从来就没有实际的用途。

?

一个常见的误解是test中的this将会指向Foo对象实际上不是这样子的。

为了在test中获取对Foo对象的引用我们需要在method函数内部创建一个局部变量指向Foo对象。

?

that只是我们随意起的名字不过这个名字被广泛的用来指向外部的this对象。在closures一节我们可以看到that可以作为参数传递。

方法的赋值表达式Assigning methods

另一个看起来奇怪的地方是函数别名也就是将一个方法赋值给一个变量。

?

1 var test = someObject.methodTest;

2 test() ;

上例中 test就像一个普通的函数被调用 因此 函数内的this将不再被指向到someObject对象。

虽然this的晚绑定特性似乎并不友好但是这确实基于原型继承赖以生存的土壤。?

6

7 new Bar() .method() ;

当method被调用时 this将会指向Bar的实例对象。

DMIT$10.9/月,日本VPS/三网直连/1核1.5G内存/20GB存储/1Gbps端口

优惠码年付一次性5折优惠码:TYO-Lite-Open-Beta-1y-50OFF永久8折优惠码:TYO-Lite-Open-Beta-Recur-20OFF日本vpsCPU内存SSD流量带宽价格购买1核1.5G20 GB4 TB1Gbps$10.9/月购买2核2 G40 GB6 TB1Gbps$16.9/月购买2核4 G60 GB8 TB1Gbps$21.9/月购买4核4 G80 GB12 TB...

Pia云服务商春节6.66折 美国洛杉矶/中国香港/俄罗斯和深圳机房

Pia云这个商家的云服务器在前面也有介绍过几次,从价格上确实比较便宜。我们可以看到最低云服务器低至月付20元,服务器均采用KVM虚拟架构技术,数据中心包括美国洛杉矶、中国香港、俄罗斯和深圳地区,这次春节活动商家的活动力度比较大推出出全场6.66折,如果我们有需要可以体验。初次体验的记得月付方案,如果合适再续约。pia云春节活动优惠券:piayun-2022 Pia云服务商官方网站我们一起看看这次活...

HostYun(月18元),CN2直连香港大带宽VPS 50M带宽起

对于如今的云服务商的竞争着实很激烈,我们可以看到国内国外服务商的各种内卷,使得我们很多个人服务商压力还是比较大的。我们看到这几年的服务商变动还是比较大的,很多新服务商坚持不超过三个月,有的是多个品牌同步进行然后分别的跑路赚一波走人。对于我们用户来说,便宜的服务商固然可以试试,但是如果是不确定的,建议月付或者主力业务尽量的还是注意备份。HostYun 最近几个月还是比较活跃的,在前面也有多次介绍到商...

hasownproperty为你推荐
u盘无法读取U盘无法被识别怎么办 U盘无法识别解决方法伪装微信地理位置微信地理位置伪装软件怎么定位到微信深圳公交车路线深圳公交线路邮箱打不开怎么办163邮箱突然打不开了怎么办神雕侠侣礼包大全神雕侠侣先手礼包在哪领雅虎天盾我机器上有瑞星杀毒和防火墙 我用雅虎天盾来查杀木马怎样?系统分析员系统分析师是什么职业?主要做什么工作?网站优化方案网站优化方案如何写?宽带接入服务器宽带接入服务器的五大功能是什么?发邮件怎么发怎样发邮件?
国外php主机 轻量 hnyd 免费ftp空间申请 免费全能空间 e蜗牛 193邮箱 流量计费 域名和空间 支付宝扫码领红包 美国独立日 免费外链相册 网页提速 shuang12 上海电信测速 我的世界服务器ip 美国盐湖城 photobucket 114dns 亿库 更多