JavaScript prototype属性深入介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript prototype属性深入介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4285字，纯文字阅读大概需要7分钟。

内容图文

function A(){ 
this.p = 'haha'; 
return {p:'heihei'}; 
} 
var a = new A(); 
function A(){ 
this.p = 'haha'; 
return {p:'heihei'}; 
} 
var a = new A(); 
alert(a.p);//显示'heihei'，与var a = A();的效果一样 
 
函数A内部直接调用一个函数B，B的this绑定到全局对象而不是其外部函数A，这是JS设计的一个错误。我们不得不用别的方式来解决这个问题，比如在A中用一个变量（通常是that）来保存A的this作用域的引用。 
JS函数拥有一个length属性，表示函数定义时指定的形参的个数。 
函数的arguments属性包含了调用函数时传入的所有参数，而不管函数的声明中是否定义了这些形参；arguments不是数组，只是一个“类似数组”的对象（在函数中运行arguments instanceof Array;返回false）。可以通过Array.prototype.slice.apply(arguments)将其转化为JS数组。 
给JavaScript函数的原型增加方法（method），则所有的（构造）函数都可以用了！例如，可以给JS函数的构造者 Function 的原型增加一个method方法，则包括Object、Number等构造函数在内的所有函数都继承了该方法，这是很强大的： 
[javascript] 
 代码如下:

Function.prototype.method = function(name, func){ 
this.prototype[name] = func; 
return this; 
}; 
Function.prototype.method = function(name, func){ 
this.prototype[name] = func; 
return this; 
}; 
 
这样，调用Object.method方法，就可以为所有的JS对象（包括Function对象）增加新的方法，调用Number.method方法，可以为所有的数值类型增加新的方法，下面一条就是这样的一个例子。 注意Object、Number等类型的对象此时并没有继承method方法。如果想达到这样的目的，可以运行类似下面的语句： 
[javascript] 
 代码如下:

Object.method('method',Object.method); 
Object.method('method',Object.method); 
 
我们可以通过修改数值类型的原型，来给数值类型增加新的方法，这里我们借用上一条中提到的method方法来给Number的原型增加一个negative方法： 
[javascript] 
 代码如下:

Number.method(negative,function(){ 
return 0–this; 
}) 
Number.method(negative,function(){ 
return 0–this; 
}) 
 
调用方法的时候稍微有一点绕。在JavaScript的语法中，数字后面直接跟点号，然后跟方法调用的语法是错误的；也就是说，3.negative()这样写是不对的。要想调用数值类型的方法，需要在数字后面加n个空格（n>=1），或者使用小括号将数字括起来，将其强制转化为表达式，然后再调用方法，或者干脆定义一个数值变量，也可以直接调用方法。也就是说，下面的写法都是正确的： 
[javascript] 
(3).negative(); 
3 .negative(); 
var n = 3; n.negative(); 
3['negative'](); 
(3).negative(); 
3 .negative(); 
var n = 3; n.negative(); 
3['negative'](); 
当使用函数表达式方法定义函数时，function后面的函数名可以用来递归地调用自己，并且这个名字不会被覆盖！我们来看下面的例子， 
[javascript] 
 代码如下:

function a(n){ 
if(n>1) 
return a(n-1)+1; 
else 
return 1; 
}; 
function a(n){ 
if(n>1) 
return a(n-1)+1; 
else 
return 1; 
}; 
 
上述代码定义了一个函数a，并且其内部递归对自身进行了调用；现在我们用一个新的引用aa指向函数a，然后将原来的a改变，比如变为一个整数1，然后调用函数aa，如下面代码所示： 
[javascript] 
 代码如下:

var aa = a; 
a = 1; 
aa(3); 
var aa = a; 
a = 1; 
aa(3); 
 
则控制台报错：TypeError: Property 'a' of object [object Window] is not a function；很显然，原来的递归函数已经被破坏了。关于这个问题，我们可以在函数a的内部，用arguments.callee.caller来代替a，或者用一个函数表达式来定义函数： 
[javascript] 
 代码如下:

var b = function a(n){ 
if(n>1) 
return a(n-1)+1; 
else 
return 1; 
}; 
var bb = b; 
a = 3; 
bb(3); 
var b = function a(n){ 
if(n>1) 
return a(n-1)+1; 
else 
return 1; 
}; 
var bb = b; 
a = 3; 
bb(3); 
 
此时，bb函数能正确返回我们想要的结果。 
为了提高JavaScript函数的封装性，我们可以定义函数化的构造器，下面是一个例子： 
 代码如下:

[javascript] 
var funcCons = function(spec){ 
var that = {}; 
that.getName = function(){ 
return spec.name; 
}; 
that.says = function(){ 
return spec.saying || ''; 
}; 
return that; 
}; 
var myFunc = funcCons({name:'NearEast'}); 
var funcCons = function(spec){ 
var that = {}; 
that.getName = function(){ 
return spec.name; 
}; 
that.says = function(){ 
return spec.saying || ''; 
}; 
return that; 
}; 
var myFunc = funcCons({name:'NearEast'}); 
 
这样，我们可以在构造器中定义一些私有变量（如字典表）和函数，而不必把它们全部暴露在外面。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript prototype属性深入介绍全部内容，希望文章能够帮你解决JavaScript prototype属性深入介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端