您的位置：首页 > Web前端 > JavaScript

js中的四种类型的属性、方法，以及闭包的概念

2013-05-07 19:48 274 查看

概念

此概念只是相对理解js中并不存在对应的含义
1.私有类型：外界完全不具备访问性，要访问它们，只有通过自己定义的内部函数来访问。

2、动态的公有类型（实例属性）：外界可以访问，而且每个对象实例持有一个副本，它们之间不会相互影响。

3、静态的公有类型，或者通常叫做原型属性：每个对象实例共享唯一副本，对它的改写会相互影响。

4、类属性：作为类型的属性而不是对象实例的属性，在没有构造对象时也能够访问。

注：动态共有属性优于原型属性。即：如果二者都定义了同一属性，则最终的属性值以动态公有属性为准

举例

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>perproty</title>
		<meta name="author" content="Administrator" />
		<!-- Date: 2013-05-07 -->
		<script type="text/javascript">
		    function foo(){
		    	var a="私有属性，局部变量";//私有属性，局部变量
		    	b="全局变量";//全局变量外部可以直接访问
		    	this.c="实例属性";//动态共有类型每个对象实例持有一个副本，他们之间不会互相影响
		    	foo.prototype.d="原型属性";//静态的公有类型，或原型属性：每个对象实例共享唯一副本，对它的改写会相互影响//相当于在外边写
		    	foo.e="类属性";//作为类型的属性而不是对象实例的属性，在没有构造对象时也能够访问//相当于在外边写
		      this.getAvalue=function (){//需要new才能获取到
		      	return a;
		      }//定于函数以便获取私有属性a
		    }
		    foo();//调用函数
		    alert(b);//可以输出，因为是全局变量
		    //alert(a);//不可以因为是a的局部变量
		    alert(foo.e);//在没有实例化作为类属性也可以被访问到，但是必须运行函数后即需要自行foo();
		    var f=new foo();
		    alert(f.getAvalue());//可以得到私有属性a
		    var f2=new foo();
		    
		    
		    f.d="seinssic";
		    alert(f.d);//输出：senssic
		    delete(f.c);//删除实例属性c
		    alert(f.c);//underfind,因为是实例属性删除后将不存在，只是做个对象上的c属性删除掉了，再新实例化一个对象c属性还存在
		    delete(f.d);//删除原型属性
		    alert(f.d);//输出：原型属性---被删除后还为原原型属性（因为原型链存在）
		    
		    
		    f.c="qiyu";
		    alert(f.c);//输出：qiyu
		    alert(f2.c);//输出：实例属性
		    foo.c="cz";
		    alert(foo.c);//cz
		    alert(f.c);//输出：qiyu
		    alert(f2.c);//输出：实例属性---即便实例属性c改变两者也互不影响
		    foo.prototype.d="原型属性改变";
		    alert(f.d);//输出：原型属性改变
		    alert(f2.d);//输出：原型属性改变---因为原型的改变对所有对象都有影响
		  
		    
		    
		</script>
	</head>
	<body>

	</body>
</html>

js闭包的概念

一般情况下js中的外部是无法读取内部的变量的，如果真的实际需要的话就需要变通

function foo(){
　　　　var n=1;
　　　　function f(){
　　　　　　alert(n); // 1
　　　　}
　　}

函数f就被包括在函数foo内部，这时foo内部的所有局部变量，对f都是可见的。
但是反过来就不行，f内部的局部变量，对foo就是不可见的。这就是Javascript语言特有的"链式作用域"结构（chain scope），
子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！

function foo(){
         	var n=1;
         	function f(){
         		alert(n);
         	}
         	return f;
         }
         var e=foo();
         e();

闭包：就是能够读取其他函数内部变量的函数。

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

作用：
它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

注意：
1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航