ECMAScript中没有类的概念,所有这个面向对象和一般的面向对象还有点不同;对象的定义是:无序属性的集合,其属性可以包含基本的值,对象,或者函数。
js中的面向对象
属性
属性的类型包含两种:数据属性和访问器属性
数据属性
- Configurable(true|false)是否允许delete删除属性,默认true
- Enumerable(true|false)是否允许for-in遍历
- Writeable(true|false)能否修改这个值
- value包含这个属性的数据值
如何修设置数据属性:Object.defineProperty(arg1,arg2,arg3)方法
arg1:对象名称
agr2:属性名称
arg3:配置(字面量)
var person = {};
Object.defineProperty(person, "name", {
writable: false,
value: "Nicholas"
});
console.log(person.name); //"Nicholas"
person.name = "Greg";
console.log(person.name); //"Nicholas"
访问器属性默认undifined
-Get 访问属性时调用
-Set 设置属性时调用
var book = {
_year: 2004,
edition: 1
};
//修改book的属性配置
Object.defineProperty(book, "year", {
get: function() {
return this._year;
},
set: function(newValue) {
if (newValue > 2004) {
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;
console.log(book.edition); //2
不是必须要同时设置Get和Set
配置多个属性
Object.defineProperties(arg1,arg2)//设置
Object.getOwnPropertyDescriptor(objName,FildeName );//获取
arg1:对象名
arg2:配置(字面量)
var book = {};
Object.defineProperties(book, {
_year: {
value: 2004
},
edition: {
value: 1
},
year: {
get: function() {
return this._year;
},
set: function(newValue) {
if (newValue > 2004) {
this._year = newValue;
this.edition += newValue - 2004;
}
}
}
});
var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
console.log(descriptor.value); //2004
console.log(descriptor.configurable); //false
创建对象
之前所提到的三种引用类型Array,Object,Function有时候被称为对象定义,类似于java中的类,然而es中并没有类的定义
对象就是这个类型的实例,新对象使用的是:
new+构造函数创建的
// use Object create 对象
var obj = new Object();
obj.name='geguo';
// 字面量
var obj = {
name:'geguo',
age:18
}
Function类型:每个函数都是Function类型的实例,所以说函数都是对象。
函数名就是指向函数对象的指针;
函数通常使用函数声明的方式定义的;
因为函数名是指针,所以一个函数可以有多个函数名,这些函数名共同指向同一个函数对象;
<script type="text/javascript">
function sun(num1,num2){
return num1+num2;
}
// 函数名代表指针
var another = sun;
console.log(sun(10,10));
console.log(another(10,10));
// 让函数指针指空
sun=null;
console.log(another(10,10));
函数名代表指针
函数名()表示函数调用