标签：javascript

上篇博客中讲解了一些js对象的基本概念和用法，这篇博客讲解一下js属性方面的：公有属性，私有属性，特权方法。

如果学过java，公有属性，私有属性，特权方法（即可以访问和设置私有属性的方法）一定很熟悉，那么让我们来看看在js里如何实现呢？

1、公有属性

首先看公有的第一层意思是可以被大家所访问的，对外开放的属性，是相对于私有属性而言的：

function Person(name,age){
	this.name=name;
	this.age=age;
	this.getName=function(){
		return this.name;
	}
	this.getAge=function(){
		return this.age;
	}
}
var josh=new Person('josh','25')
console.log(josh.name);  //josh
console.log(josh.getName()); //josh

我们在这里定义了一个叫josh的Person对象，让我们通过new方法再创建2个其他Person对象

var Eric=new Person('Eric','25');
var mongo=new Person('mongo','23');
console.log(Eric.name);  //Eric
console.log(mongo.name);  //monge

        从字面上来看，prototype可以理解为"property to type",即类型的属性，对于一类的属性，拿上面定义的Person来说，即对Person这一类对象共有的方法或属性，我们改造一下上面的代码

function Person(name,age){
	this.name=name;
	this.age=age;

}
Person.prototype.getName=function(){
	return this.name;
}
Person.prototype.getAge=function(){
	return this.age;
}
	
var josh=new Person('josh','25')
var Eric=new Person('Eric','25');
var mongo=new Person('mongo','23');
console.log(josh.getName()); //josh
console.log(Eric.name);  //Eric
console.log(mongo.name);  //monge

2、私有属性

        基于面对对象的封装特性，我们并不想把所有变量都公开给外界，于是拿上面的Person对象来说，我们把属性定义中的this.name被换成了var name，于是可以被外界访问的公有属性就变成了私有属性，对于属性的访问结果也变成了undefined

function Person(name,age){
	//this.name被换成了var name
	var name=name;
	var age=age;
}

var josh=new Person('josh','25')
var Eric=new Person('Eric','25');
var mongo=new Person('mongo','23');
console.log(josh.name); //undefined
console.log(Eric.name);  //undefined
console.log(mongo.name);  //undefined

function Person(name,age){
	this.name=name;
	this.age=age;
}

function Person(){
}
var person=new Person();
person.name='josh';
person.age='25';

那么换成var name的私有属性又是如何实现的呢？这里就要设计js面对对象的几个重要基础概念了，分别是 作用域，上下文，闭包。

          首先说作用域，大家如果接触过一门编程语言就应该有了解，作用域是当前定义的变量可以再什么样的范围内被引用。拿大家比较比较熟悉的java来说，java是块级的，在if、while这些块中定义的，只能在块里用，出了块就不行了；如果想范围大一些，可以在方法的开始定义，供整个方法是用，但在方法外不能被是用;也可以定义类级的，在整个类内都能引用。

         在js中，作用域是函数级的，也就是在函数内定义的变量，在函数外不可引用，函数起到了界定作用域的作用。上文的这个例子中，对于josh.name属性的访问就变成了undefined。

function Person(name,age){
	//this.name被换成了var name
	var name=name;
	var age=age;
}
var josh=new Person('josh','25');
console.log(josh.name); //undefined

接下来解释上下文，上下文表明了函数或者对象处在的环境，这个环境中包含了一些变量，对象或者函数。结合作用域的概念一起看一张图

         对着这张图来说，person对象可以访问上下文中的变量，对象或者是函数，而上下文中的变量不能访问Person对象的name属性，因为name属性的作用域是局限在person对象内的，也就是外层对内层开放，内层对外层关闭。

         那么由此就衍生出了闭包的概念，闭包就是一个封闭的包，能拒绝外层的访问，上图person对象就是一个闭包，包外不能访问包内私有的变量，只能通过某些特殊方式（特权方法）来访问。接下来介绍下特权方法。

3、特权方法

特权方法相当于java类中对私有变量提供访问和设置的get/set方法

function Person(){
	//在私有属性前加下划线，表示私有属性
	var _name;
	var _age;
	this.getName=function(){
		return _name;
	}
	this.getAge=function(){
		return _age;
	}
	this.setName=function(name){
		_name=name;
	}
	this.setAge=function(age){
		_age=age;
	}
}

var josh=new Person();
josh.setName('josh');
josh.setAge('25');
console.log(josh.getName()); 
console.log(josh.getAge());

js面对对象编程(二)：属性和闭包,布布扣,bubuko.com

js面对对象编程(二)：属性和闭包

标签：javascript

原文地址：http://blog.csdn.net/xqf309/article/details/35979149