前言
    ECMAScript中没有类的概念，因此它们的对象与基于类的语言中的对象有所不同。
    ECMA-262把对象定义为："无序的集合属性，其属性可以包含基本值，对象或者函数"。正因为这样，我们可以把ECMAScript想象成散列表：
        无非就是一组名值对，其中值可以是数据或者函数，
    每个对象都是基于一个引用类型创建的，这个引用类型可以是第5章讨论的原生类型，也可以是开发人员定义的类型

·理解对象
    ·属性类型
        ECMA-262定义了只有自内部才用指定特性时，描述了属性的各种特征。ECMA-262定义这些特性是为了实现javascript引擎用的，因此在javascript
            中不能直接访问它们。为了表示特性是内部值，该规范把它们放在两对儿方括号中，例如：[[Enumerable]]
        1. 数据属性
            数据属性包含一个数据值的位置。在这个位置可以读取和写入。数据属性有4个描述其行为的特性
            ·[[CONFIGURABLE]]  :  能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。
                    直接在对象上定义的属性，它们的这个特性默认值为true
            ·[[Enumerable]]  :  表示能否通过 for-in 循环返回出行 。 默认 true
            ·[[Writable]]  :  表示能否修改属性的值。 默认 true
            ·[[Value]]  :  包含这个属性的数据值。读取属性的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置。默认为undefined

        2. 访问器属性
            访问器属性不包含数据值；它们包含一对getter 和 setter 函数 （不过，这两个函数都不是必需的）。
            ·[[CONFIGURABLE]]  :  能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。
                    直接在对象上定义的属性，它们的这个特性默认值为true
            ·[[Enumerable]]  :  表示能否通过 for-in 循环返回出行 。 默认 true
            ·[[Get]] : 在读取属性时调用的函数。默认值为undefined
            ·[[Set]] : 在写入属性时调用的函数。默认值为undefined

        ·心得：ECMAScript中并没有直接定义一个属性是数据属性还是访问器属性。
           根据个人心得：
            如果直接指定了get 特性或者 set 特性，那么就是访问器属性。如果指定了任何数据属性特性中的一个，那么就是数据属性。
            如果没有把 CONFIGURABLE 设为false ，那么数据属性和访问器属性可以互相转换
<script>

var person = {name : "Leo"};

// 定义访问器属性

Object.defineProperty(person,"style",{

    configurable : false,

    get : function () {

        return "style:"+this.name;

    },

    set : function (value) {

        this.name = value;

    }

});

console.log(person.style); // 触发访问器属性的get方法  // 输出style:Leo

person.style = 'mystyle'; // 触发访问器属性的set方法  // 输出style:mystyle

console.log(person.style);

// 修改为数据属性

Object.defineProperty(person,"style",{

    value : ''  // 访问器属性以及定义了 configurable : false ，即表示不能把属性定义为数据属性，还强行定义，自然就报错了

});

</script>
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport"

          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

<script>

// 由于对象定义多个属性的可能性非常大。ECMAScript5又定义了一个Object.defineProperties() 方法。

    // 这次，我们把数据属性和访问器属性放在一个方法里面

    var book = {};

    Object.defineProperties(book,{

        __year : {

            writable : true ,

            value : 2004,

        },

        edition : {

            writable : true,

            value : 1,

        },

        year : {

            get : function () {

                return this.__year;

            },

            set : function (newValue) {

                if(newValue > 2004){

                    this._year = newValue;

                    this.edition += newValue - 2004;

                }

            }

        }

    })

    // 使用ECMAScript5的Object.getOwnPropertyDescriptor() 方法，可以取得给定属性的描述符

    var descriptor = Object.getOwnPropertyDescriptor(book,'__year');

    console.log(descriptor);  //{value: 2004, writable: true, enumerable: false, configurable: false}

    console.log(Object.getOwnPropertyDescriptor(window,'year'));  //{get: ƒ, set: ƒ, enumerable: false, configurable: false}

    // 记住： 在ECMAScript中，可以针对任何对象使用Object.getOwnPropertyDescriptor() 方法，包括DOM对象和BOM对象

</script>

</body>

</html>

js面向对象的程序设计 --- 上篇(理解对象)的更多相关文章

  1. JS面向对象的程序设计之理解对象

    一.对象定义 (1)ECMAScript中没有类的概念,因此它的对象也与基于类的语言中的对象有所不同: (2)ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数” 二. ...

  2. JavaScript--我发现，原来你是这样的JS：面向对象编程OOP[1]--(理解对象和对象属性类型)

    一.介绍 老铁们,这次是JS的面向对象的编程OOP(虽然我没有对象,心累啊,但是可以自己创建啊,哈哈). JS高程里第六章的内容,这章内容在我看来是JS中很难理解的一部分.所以分成三篇博客来逐个理清. ...

  3. JS--我发现，原来你是这样的JS：面向对象编程OOP[1]--(理解对象和对象属性类型)

    一.介绍 老铁们,这次是JS的面向对象的编程OOP(虽然我没有对象,心累啊,但是可以自己创建啊,哈哈). JS高程里第六章的内容,这章内容在我看来是JS中很难理解的一部分.所以分成三篇博客来逐个理清. ...

  4. javascript 面向对象程序设计--深刻理解对象

    javascript中,每个对象都是基于一个引用类型创建的,我们可以把ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数. 深刻理解对象 创建自定义对象的最简单方式就 ...

  5. JS面向对象的程序设计

    面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装.继承.多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义J ...

  6. 《JavaScript高级程序设计》第六章【面向对象的程序设计】 包括对象、创建对象、继承

    一.理解对象 二.创建对象      1. 工厂模式      2. 构造函数模式      3. 原型模式      4. 组合使用构造函数模式和原型模式[使用最广泛]      5. 动态原型模式 ...

  7. js的面向对象的程序设计之理解继承

    来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(六) 先来解析下标题——对象和继承~ 一.对象篇 ECMA-262把对象的定义为:&qu ...

  8. 大话JS面向对象之开篇万物皆对象------（ATM取款机引发的深思）

    一,总体概要 OO(面向对象)概念的提出是软件开发工程发展的一次革命,多年来我们借助它使得很多大型应用程序得以顺利实现.如果您还没有掌握并使用OO进行程序设计和开发,那么您无疑还停留在软件开发的石器时 ...

  9. js面向对象的程序设计 --- 下篇 继承启蒙

    继承是oo语言中一个最为人津津乐道的概念.ECMAScript支持实现继承,而且实现继承只要是靠原型链来实现的 ·原型链 其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 简单回顾一 ...

随机推荐

  1. 吴裕雄--天生自然 R数据分析：2014年美国人时间使用调查(ATUS)饮食与健康模块文件分析

    # libraries we'll need library(car) # for avplots library(tidyverse) # for general utility functions ...

  2. 简单java web制作思路

    经过俩天的摸索,和学姐的帮助下终于做出来一个简单地网页版的学生信息添加的系统.接下来说一下答题的思路: 首先我个人习惯先做网页界面,创建3个jsp文件分别是添加界面,成功界面,失败界面.这件看起来更加 ...

  3. 【新人赛】阿里云恶意程序检测 -- 实践记录 11.24 - word2vec模型 + xgboost

    使用word2vec训练词向量 使用word2vec无监督学习训练词向量,输入的是训练数据和测试数据,输出的是每个词的词向量,总共三百个词左右. 求和:然后再将每行数据中的每个词的词向量加和,得到每行 ...

  4. 【终端使用】echo、">"覆盖、">>"追加、"|"管道

    1."echo"文字内容 "echo"命令,会在终端中显示参数指定的文字,通常会和 重定向 联合使用. 2.重定向 ">"和" ...

  5. 【Newtonsoft.Json】json序列化小驼峰格式（属性名首字母小写）

    我是一名 ASP.NET 程序员,专注于 B/S 项目开发.累计文章阅读量超过一千万,我的博客主页地址:https://www.itsvse.com/blog_xzz.html 只需要设置JsonSe ...

  6. Python3标准库：array数组

    1. array数组 array模块定义了一个序列数据结构,看起来与list很相似,只不过所有成员都必须是相同的基本类型.支持的类型包括所有数值类型或其他固定大小的基本类型(如字节). 代码 类型 最 ...

  7. 数据结构与算法之比较排序【Java】

    比较排序与非比较排序的对比 常见的快速排序.归并排序.堆排序.冒泡排序等属于比较排序.在排序的最终结果里,元素之间的次序依赖于它们之间的比较.每个数都必须和其他数进行比较,才能确定自己的位置.在冒泡排 ...

  8. 搜索 rerank : learn to rank 算法

    (1)LambdaMART 算法可参考如下两篇博客: http://www.cnblogs.com/wowarsenal/p/3900359.html http://www.cnblogs.com/w ...

  9. js监听textarea 内容的变化，并计算内容的长度c

    html代码如下:   <div class="customer-message">   <label for="customerMessage&quo ...

  10. mp3格式音频 不能立即播放

    原因是mp3的meta信息在mp3文件后面,所以要都加载完才能播放 而m4a 格式的 可以立即播放