《JavaScript权威指南》学习笔记 第三天 找个对象

现实生活中真的对象没有找到，在JavaScript 里左一个对象又一个对象，搞的我也是晕晕乎乎不知所云。人事复杂，人心难懂。我虽然是文科生，但是也不善于巧言。还是在js里面找找对象吧。那么我们今天就从js的对象开始入手。

---

昨天，我们讲过了js里面的数据类型分为两种，原始类型，对象类型。对象类型的组成又是由原始类型和对象类型共同组成的。

今天我们来了解一下对象的一些特征。使用对象无非是增（crate） 、删（delete）、改（set）、查（query）;

对象由键值对儿组成，那么对象的属性（key）还有一些相关的属性： writable arrtibute （可写）、 enumerable attribulte（可枚举）、configurable attribute (可配置)

对象自身也有用三个相关的对象特征   prototype（对象的原型）、class(对象的类) 、（extensible）对象的扩展标记.

下面主要围绕这些属性和特征来对js的对象进行深入认识：

js的对象有三种：

1、 js的内置对象，

2、 宿主对象。如window 对象。

3、用户自己创建的对象。

js的属性有两种：

1、是当前对象自己的属性。（own property）

2、是继承的属性。             (inherited property)

一、创建对象

创建对象有三种方式：

1、用对象直接量的方式创建。例如 var obj  =  {x:1};  第二天的课程已经解释过了，什么是直接量，可以去参考下。

2、使用new关键字创建      。 例如 var obj = new Array();

3、 使用原型创建。              Object.create({x:1});

那么这三种对象有什么不一样吗，其实不一样的地方在于其各自继承的原型不一样。  使用对象直接量创建的继承的是Object原型。使用new关键字创建的对象继承的是 Array对象，然后Array对象又继承的Object对象。这就是js的原型链的一个体现。使用原型链创建就是继承的原型Object;

二、原型链

书中反复在提这个原型链，其实没有多么复杂的东西，就是被反复的强调复杂了，给人心理上造成一种复杂的感觉，完全可以用简单的话给描述清楚。

这个原型链，就像基因一样。爷爷把基因传给爸爸，爸爸把基因传给儿子，儿子又把基因传给孙子。爸爸可以产生自己的基因，儿子也可以产生自己的基因。哦，大致就是这样了。

三、属性访问

对象的访问有两种方式。可以通过 . 符号访问符。也可以通过[]来访问。用 . 访问，当该属性是系统的保留字或者是关键字的时候就会触发报错。但是[]却可以使用系统关键字与保留字。但应该尽量确保对象的属性不适用系统保留字。

四、删除属性

var  obj   = {x:2,y:4};

delete  obj.x;

删除属性，是指当前对象可以删除自己创建的对象。但是不能删除通过继承的属性，即不能删除父属性。

delete 关键字

五、检测属性。

var key  in  obj

obj.hasOwnProperty('key');   //判断该属性是不是自有属性，也就是不是继承的属性。

<script>
        var obj = {x:2,y:3};
        if(obj.hasOwnProperty('x')){
            alert('yes');
        }
    </script>

obj.propertyIsEnumerable('x'); //判断该属性是否可以枚举，枚举的概念上篇讲过了，就是可以被for/for in循环遍历。

 var obj = {x:2,y:3};
        if(obj.propertyIsEnumerable('x')){
            alert('yes');
        }

六、枚举属性：

for 与for in 循环。 是否枚举。

七：set 与get

八、属性的特征：

值（value）、 可写性（writable）、enumerable（可枚举）、configurable（可配置）

Object.getOwnPropertyDescriptor(obj,var) 得到列表。

<script>
        var obj = {x:2,y:3};
        var msg = Object.getOwnPropertyDescriptor(obj,'x');
        console.dir(msg);
    </script>

Object.defineProperty(obj,var,arr);  //设置单个属性

 <script>
        var obj = {x:2,y:3};
        var status  =  Object.defineProperty(obj,'x',{configurable:false,value:7});
        var msg     =  Object.getOwnPropertyDescriptor(obj,'x');
        console.dir(msg);
    </script>

Object.defineProperties();  //一次修改多个属性

 <script>
        var obj = {x:2,y:3};
        var status  =  Object.defineProperties(obj,{
            x:{value:100,writable:false,enumerable:false,configurable:false},
            y:{value:99,writable:false,enumerable:false,configurable:false}
        });
        var msg  = Object.getOwnPropertyDescriptor(obj,'x');
        console.dir(msg);
    </script>

9、对象的三个属性：

原型属性。

查看一个对象的原型可以通过Object.getPrototypeOf(obj)的方式来查看原型有哪些属性被继承下来了。

<script>
        var obj = {x:2,y:3};  //通过对象直接量创建对象，
        var msg = Object.getPrototypeOf(obj);
        console.dir(msg);
    </script>

因为我们刚才创建的对象是   var obj = {x:2,y:3};

如果没忘记的话，我们这种创建对象的方式叫做，使用对象直接量的方式创建。可以参考本文的第一个知识点，创建对象的三种方式。使用对象直接量创建对象，是调用了对象原型即Object对象。

可以通过isPropertyOf()放来来一个对象是否是另一个对象的原型。用法为p.isPrototypeOf(Obj).

 类属性:
暂时没用到

可扩展性。

可以通过Object.isExtensible()来判断对象是否可扩展。

可以通过Object.preventExtensions();将对象转为不可扩展。

一旦对象转为不可扩展，就不能转为可扩展了。

《JavaScript权威指南》学习笔记 第三天 找个对象的更多相关文章

1. JavaScript权威指南学习笔记6

   这两天主要翻看了书中的第18-22章,重点看了第17章:事件化处理,其它几章节主要是翻了下书知道有相关的概念,没有真正理解其中的内容,或者没有考虑究竟如何能把里面的内容应用到实际的项目中.说的讽刺一点 ...

2. maven权威指南学习笔记（三）——一个简单的maven项目

   目标: 对构建生命周期 (build  lifecycle),Maven仓库 (repositories),依赖管理 (dependency management)和项目对象模型 (Project O ...

3. maven 一个简单项目 —— maven权威指南学习笔记（三）

   目标: 对构建生命周期 (build  lifecycle),Maven仓库 (repositories),依赖管理 (dependency management)和项目对象模型 (Project O ...

4. Javascript权威指南学习笔记

   第二章:词法结构 ;function a(){alert(2)};//前面的分号保证正确地语句解析 第三章:类型.值和变量 基本概念: 1.数据类型---能够表示并操作的值的类型叫做数据类型. 2.变 ...

5. javascript权威指南学习笔记2

   Javascript语言核心(2~12章) 第三章:类型.值.变量 1.数字: overflow(Infinity, -Infinity).underflow(+0,-0) 非数字值:它和任何值都不相 ...

6. javascript权威指南学习笔记1

   打开这本书,进入到javascript的世界.以前都是看各种视频,感觉什么收获也没有,反而弄得脑袋混乱,希望能够按照这本书的节奏掌握javascript这门语言,为我的前端学习打下基础. 学习前准备: ...

7. JavaScript权威指南学习笔记4

   今天看了第9.10.11章,感觉收获最大还是正则表达式那章节,不过这些不用太多脑子思考,问题用到了直接查书就可以了,下面分别总结一下: 第9章类和模块:分9节,前面8节都是在讲类相关的知识,最后一节讲 ...

8. javascript权威指南学习笔记3

   今天看到第四章,记录一下其中的几个点,俗话说:好记性不如烂笔头嘛. 4.9   in运算符和instanceof运算符 in运算符希望它的左操作数是一个字符串或可以转化为字符串,希望它的右操作数是一个 ...

9. JavaScript权威指南学习笔记5

   下午在杭图回去前看了书中第二部分的13-17章,看的很粗,感觉大部分东西自己已经知道或者平时开发中不会用到,很多章节只是简单的翻了一下,没有仔细思考里面说到的道理,下面对各章节简单的记录下. 第13章 ...

随机推荐

1. JavaWeb学习总结(十二)——Session

   一.Session简单介绍 在WEB开发中,服务器可以为每个用户浏览器创建一个会话对象(session对象),注意:一个浏览器独占一个session对象(默认情况下).因此,在需要保存用户数据时,服务 ...

2. NS3 日志（Logging）、命令行参数、Tracing系统概述（转载）

   NS-3日志子系统的提供了各种查看仿真结果的渠道: 一.使用Logging Module 1 [预备知识]日志级别及其对应的宏 NS-3 提供了若干个日志级别来满足不同的 Debug 需求,每一级的日 ...

3. 3.css中的颜色

   css中颜色的设置形式主要有三种方式:颜色名称.十六进制代码和十进制代码. 在古老的 HTML4 时,颜色名称只有 16 种. 颜色名称 十六进制代码 十进制代码 含义  black  #000000 ...

4. Ubuntu 下无法Tab键自动补全功能解决办法

   在Ubuntu下 使用Tab键报错:cannot create temp file for here-document: no space left on device 解决: rm -rf /var ...

5. HDAO

   dx11 hdao10.1 除了dx的sample竟然搜不到什么文档.... 估计去问别人也是让我继续看代码.. ---------------------------------------- 算法 ...

6. linux下svn修改用户名和密码

   1.临时更换,在命令下强制加上 --username 和--password选项, 例如:svn up --username zhangsan --password 123456 svn co URL ...

7. jQuery渐隐渐出的文字提示

   <html> <head> <title>jquery渐隐渐出的文字提示</title> <style type="text/css&q ...

8. 【BZOJ1007】水平可见直线（单调栈）

   [BZOJ1007]水平可见直线(单调栈) 题解 Description 在xoy直角坐标平面上有n条直线L1,L2,...Ln,若在y值为正无穷大处往下看,能见到Li的某个子线段,则称Li为 可见的 ...

9. Flask入门之触发器，事件，数据迁移

   SQLAlchemy Core和SQLAlchemy ORM都具有各种各样的事件挂钩: 核心事件 - 这些在 Core Events中描述,并包括特定于连接池生命周期,SQL语句执行,事务生命周期以及 ...

10. ActiveMQ (一) 简介

    1.ActiveMQ简介 先分析这么一个场景:当我们在网站上购物时,必须经过,下订单.发票创建.付款处理.订单履行.航运等.但是,当用户下单后,立即跳转到“感谢那您的订单” 页面.不仅如此,若果没有延 ...