网站地图    收藏   

主页 > 前端 > javascript >

js构造函数的安全作用域用法详解

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 今天在阅读javascript高级程序设计一书的时候,看到安全作用域的一篇,下面我来根据自己了解的来写一下关于js构造函数的安全作用域用法....

小试一下,总结如下

javascript是一个极其具有弹性的语言…

很多时候,js并不会像我们预期的那样执行.
js的构造函数就是用new操作一个函数,在使用new的时候,函数的this指针会指向当前对象的作用域.
 

 代码如下 复制代码
function Person(name,age,job){
         this.name=name;
         this.age=age;
         this.job=job;
}
var p=new Person("siren",24,"php");

上面这个例子 用new创建一个新的对象.该函数的this指针就会指向p的作用域.这样没有任何问题.
可是如果我们不用new创建对象呢?

 代码如下 复制代码
 
function Person(name,age,job){
         this.name=name;
         this.age=age;
         this.job=job;
}
var p=Person("siren",24,"php");
alert(window.name);  //siren
alert(window.age);   //24
alert(window.job);   //php

这个时候 p就是一个undefined;而 Person的this指针指向了window作用域.
为什么呢?
因为构造函数是作为普通函数调用的,忽略了new操作符.由于this对象的晚绑定,造成this被解析成window的对象.
这种问题就会造成window域的属性被覆盖.
那么如何解决?
其实在js里面也有一个与php相同的关键字 instanceof
它用来检查对象是否是某个实例

 代码如下 复制代码

function Person(name,age,job){
         if(this instanceof Person){
              this.name=name;
              this.age=age;
              this.job=job;
         }else{
               this=new Person(name,age,job);
         }
}
var p=Person("siren",24,"php");
alert(p.name);  //siren
alert(p.age);   //24
alert(p.job);   //php

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论