首页 > web前端 > js教程 > javascript面向对象是什么?js中对象的理解

javascript面向对象是什么?js中对象的理解

不言
发布: 2020-09-04 15:01:41
原创
18436 人浏览过

本篇文章给大家带来的内容是关于javascript面向对象是什么?js中对象的理解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

javascript面向对象是什么?js中对象的理解

1、面向对象

面向对象的语言最基本的标志就是的概念。什么是类?类是包含多个属性和方法的集合,类的实例即对象。  
因为历史原因,ECMAScript(后面简称JS)中对象的概念与基于类的语言的对象有所不同。ECMA-262 中把对象定义为“无序属性的集合,其属性可以包含基本值、对象或者函数”。  
每个对象都是基于一个引用类型创建的。

2、理解对象

2.1、JS中创建对象有两种方式:

// 第一种:创建Object实例
var person = new Object();
person.name = 'tom';
person.age = 20;
person.sayIt = function(){console.log(this.name, this.age)}

// 第二种:对象字面量值
var person = {
   name: 'tom',
   age: 20,
   sayIt: function(){console.log(this.name, this.age)}
}
登录后复制

上面两个例子创建的对象是一样的,都有一样的属性和方法。

2.2、 数据属性和访问器属性

JS对象的(即name、sayIt这种属性和方法)分为两种类型的属性:数据属性和访问器属性。

2.2.1、数据属性

数据属性包含一个数据值的位置,在这个位置可以读取和写入值。包含以下4个特性:

Configurable:表示能否delete删除属性、该属性描述符的类型能否被改变。默认值为false,创建实例不指定该值时会默认为true。
Enumerable:表示属性是否可枚举(for-in)。默认值为false,创建实例不指定该值时会默认为true。
Writable:表示属性值是否可修改。默认值为false,创建实例不指定该值时会默认为true。
Value:表示属性的值。默认值为undefined,创建实例不指定该值时会默认为undefined。

如创建实例:

var person = {
    name: 'tom'
}
登录后复制

person对象的属性name的数据属性Configurable、Enumerable、Writable均为true,即name属性可删除、可枚举、可改写值,name属性的当前值为'tom'。
想要修改属性的数据属性,可以通过ES5提供的Object.defineProperty()方法,这个方法还可以给对象新增一个属性,该方法有三个参数:目标对象,要定义或修改的属性的名称,需要定义或修改的数据属性
下面修改person实例的name属性:

var person = {
    name: 'tom'
}
Object.defineProperty(person, 'name', {
    configurable: false,
    enumerable: false,
    writable: false,
    value: 1
})
console.log(person.name); // 1,name属性的值已修改为1

delete person.name; 
console.log(person.name); // 1, name属性依然存在

for(var i in person){
    console.log(i); // undefined,name属性不可枚举
}

person.name = 2; 
console.log(person.name); // 1,name的值依然为1,不可修改
登录后复制

注意:Object.defineProperty()方法在设置configurable为false后不能在修改除writable之外的特性。

2.2.2、访问器属性

访问器属性没有数据值,仅有两个函数:

getter函数,获取有效值
setter函数,设置有效值

访问器属性的常用使用方式就是通过设置一个属性的值改变其他属性,访问器属性同样包含4个特性:

Configurable:表示能否delete删除属性、该属性描述符的类型能否被改变。默认值为false,创建实例不指定该值时会默认为true。
Enumerable:表示属性是否可枚举(for-in)。默认值为false,创建实例不指定该值时会默认为true。
Get:在读取属性时调用的函数,默认值为undefine。
Set:在写入属性时调用的函数,默认值为undefine。

var book = {
    _year: 2004,
     edition: 1
};
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
登录后复制

其中year即为访问器属性,_year是数据属性。访问器属性year的Configurable和Enumerable未设置,所以是false,即访问器属性year不可删除、不可枚举。

可以通过Object.getOwnPropertyDescriptor()方法读取属性的特性:

var descriptor = Object.getOwnPropertyDescriptor(book, '_year'); 
console.log(descriptor.writable); // true
console.log(descriptor.configurable); // true
登录后复制

总结:

javasc的对象即为多个属性与方法的集合的实例,其属性分为数据属性和访问器属性两种类型,可以通过Object提供的各种方法读取、修改对象的属性。

相关推荐:

JavaScript中的面向对象介绍_js面向对象

Javascript 面向对象之重载_js面向对象

以上是javascript面向对象是什么?js中对象的理解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板