zoukankan      html  css  js  c++  java
  • 《javascript权威指南》读书笔记 -part2

    我真的很佩服副院长~他是一个很有耐心 极其细致的人

    工作态度严谨  代码简洁风格统一~再乱遭遭的代码只要经过他的手就会变的很漂亮

    羡煞我也~

    不说废话了  还是乖乖看书吧~maybe可能也许的某一天 我也可以。。。咕~~(╯﹏╰)b还是别做白日梦了 

     --------------part2--------------------------------------------------------------------------------------------------------

    注释:ECMA5-ECMAScript5
    在开始之前,先讲一下关于变量的知识:

    好的习惯1:把所有的变量声明放置在函数的开头是一个好的编程习惯

    还有一个很重要的概念~不可变的原始值和可变的对象引用(基本类型和引用类型

    javascript中的原始值:undefined null boolean  string number   原始值是不可修改的。只有他们的值相等时他们才会相等。

    引用类型:对象(包括数组和函数)  他们的值是可以修改的。对象的比较均是引用的比较,当且仅当他们引用同一个基对象时,他们才相等。

    这就是为什么在工作中碰到一个问题~就是我明明没有对一个数组进行操作,为什么最后它的值却改变了

    记住这一句话:变量保存了基本类型的实际值,而对于引用类型只保存对它的引用值。

    eg:基本类型(数值  布尔值,null和undefined)
            var a=1;
            var b=a;
            var a = 3.14;
            alert(b)                    b = 1
    
            引用类型(对象,数组和函数)
            var  a =[1,2,3]
            var b =a;
            a[0] = 99;
             alert(b)                   b = [99,2,3]
    View Code

    先了解下typeof运算符:

       x                                        typeof x
    undefined                                 "undefined"
    null                                      "object"
    true/false                                "boolean"
    任意数字或NaN                              "number"
    任意字符串                                 "string"
    任意函数                                   "function"
    任意内置对象(非函数)                        "object"
    

     

     对象

      除了字符串、数字、true、false、null和undefined之外,javascript中的值都是对象,尽管,最常见的用法是创建,设置,查找, 删除,检测和枚举。

      1:对象的创建

        可以通过对象直接量,关键字new和ECMA5中的object.creat()创建对象。

        我想前面2个大家都很熟悉,对于第3个的方式首先解释下原型。这也是我很薄弱但是确又是很重要的知识点((^o^)/~我要开始啰嗦了哈)。

        每个Javascript对象(null除外)都和一个对象相关联。“另一个”对象就是我们熟知的原型,每一个对象都从原型继承属性。

        现在我们来分析下~

        对象直接量创建对象都具有同一个原型-object.prototype

        通过关键字new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。

        没有原型的对象为数不多,object.prototype就是其中之一。他不继承任何属性。其他的对象的原型都是普通对象,普通对象都具有原型。所有的内置构造函数(以及大部分自定义的构造函数)都具有一个继承自object.prototype的原型。

        eg,Date.prototype的属性继承自object.prototype。这一系列链接的原型对象就是所谓的“原型链”

        object.creat({x:1;y:2})它创建了一个对象,第一个参数是这个对象的原型。

        object.creat({object.prototype});      //他和{}和new object()一样

        object.creat()他实现了“可以使任意对象可继承”,这是一个强大的特性。此方法是ECMA5才有,那ECMA3如何去实现呢?  

    eg:通过原型继承创建一个新的对象
    function inherit(p){
      if(p == null)   throw TypeError();
      if(object.create)
          return object.creat(p);
      var t = typeof p;
      if(p!=="object" && p!== "function")
        throw TypeError()
     function f(){}
     f.prototype = p;
     return new f(); //返回一个新的对象 它是原型是p
    }
    inherit()函数的其中一个用途就是防止库函数无意间(非恶意的)修改那些不受你控制的对象
    var o={x:"donit change this value"};
    library_function(inherit(0));

       2:对象的查询及设置

        对像的查询还有设置可以用a.name 或者a[name].

        注意只有在查询属性时才会体会到继承的存在而设置属性则和继承无关。

        属性访问错误:当查询对象一个不存在的属性时不会报错,o.x返回undefined;但是查询不存在对象的属性时就会报错,o.x.length(null,undefined没有属性)

        可以用更简练的方法  var len = book&&book.x&&book.x.length;

      3:删除属性

         delete运算符可以只能删除对象可枚举的自有属性。

        注意delete只是断开属性和宿主对象的联系,而不会去操作属性中的属性。

        eg:a={b:{c:1}};var t = a.b;delete a.b;consolse.log({"x":t.c}) //{x:1}

        由于已经删除的属性的引用依然存在,所以t.c的值还是1,所以在销毁对象的时候,要遍历属性中的属性,依次删除。否则会造成内存泄漏。

      4:检测属性

        in:"x" in o; 检测自有属性和继承属性

        hasOwnProperty:o.hasOwnProperty("x")  检测自有属性

        propertyIsEnumberable():o.propertyIsEnumberable("x")  他是hasOwnProperty的增强版,检测可枚举的自有属性时返回true。

                      某些内置属性是不可枚举的,通常由javascript代码创建的属性都是可枚举的,除非在ECMA5中使用一个特殊的方法来改变属性的可枚举性。

        还有一种更简单的 o.x!==undefined;if(o.x) o.x *=2;

      5:枚举属性

        for/in:遍历对象中可枚举的自有属性和继承属性。对象继承的内置对象是不可枚举的。

        要获取一个对象的自有属性经常这个样子

        for(prop in p){

          if(p.hasOwnProperty(prop)){

            .....

          }

        }

      6:属性setter和getter

        对象属性是由名字,值和一组特性(attribute)构成的。在ECMA5中,属性值可以用一个或两个方法替代,就是getter和setter。

        由getter和setter定义的属性称做“存取器属性”,它不同于”数据属性“,数据属性只有一个简单的值。

        当程序查询存取器属性时,调用getter方法。设置一个存取器属性的值时,调用setter方法。

        和数据属性不同,存取器属性不具有可写性。如果属性同时具有getter和setter,那么他是一个读/写属性。如果他只有getter方法,那么它是一个只读属性。如果它只有setter方法,那么它是一个只写属性,读取只写属性总是返回Unedfined.

        和数据属性相同的是存取器属性时可以继承的。

        eg:var o = {

            x:value,

            get access(){/*函数体*/},

            set access(){/*函数体*/}      

          };

      7:属性的特性

        所有通过ECMA3的程序创建的属性都是可写的,可枚举的和可配置的,且无法对这些特性做修改的。

        但是ECMA5是可以查询和设置这些属性特性的API,这些API对于库的开发者来说是非常重要的:

          * 可以通过这些API给原型对象添加方法,并将它们设置成不可枚举的,这让它们看起来更像内置方法

          *   可以通过这些API给对象定义不能修改或删除的属性,借此"锁定"这个对象。

        属性包含一个名字和4个特性。数据属性的4个特性是值(value)、可写性(writable)、可枚举性(enumberable)和可配置性(configurable)。

        存取器属性的4个特性是读取(get)、写入(set)、可枚举性和可配置性。

        为了实现属性特性的查询和设置操作,ECMA5定义了一个“属性描述符”的对象

        object.getOwnPropertyDescriptor({x:1},x):获取某个对象特定属性的属性描述符,稚嫩而过得到自有属性的描述符。要想获得继承属性的特性,需要遍历原型链(object.getPrototypeOf())

        var o ={};     

        object.defineProperty(o,"x",{value:1,writable:true,enumerable:false,configurable:true});o.x;//1  object.keys(o);//[]

        这个方法要么修改已有属性要么新建自有属性,但不能修改继承属性。

        object.defineProperties():同时修改或创建多个属性

        这个我就不在深入讨论了~细节问题请看Page136

      7:对象的三个属性

        每个对象都有与之相关联的原型(prototype),类(class)和可扩展性(extensible)。这些属性有什么作用呢,以及如何去查询和设置他们呢?

        原型属性:在实例对象创建之初就是设置好的~这个我就不继续多说了。

             在ECMA5中,Object.getPrototypeOf()可以查询他的原型链,ECMA3中灭有等价的函数,可以用o.constructor.prototype来检测一个对象的原型,这种方式并不可靠,请参考后面的内容“类和模块”的讲解。

              isPrototype():检测一个对象是否是另一个对象的原型(或处于原型链中)

              instanceof :判断一个对象是否是一个类的实例。

                    var d= new Date();

                    d.instanceof Date; //true

                    d.instanceof Object; //true 

        类属性:对象的类属性是一个字符串,用以表示对象的类型信息。Page140

        可扩展性:对象的可扩展性用以表示是否可以给对像添加新属性。对象的可扩展性通常和属性的可配置行与可写性配合使用  

      8:序列化对象

        对象序列化是指将对象的状态转化为字符串,也可将字符串转化成对象。只能序列化对象可枚举的自有属性。对于一个不能序列化的属性俩说,在序列化的输出字符串中会将这个属性省略掉。

        ECMA5中提供了JSON.stringify()和JSON.parse()用来序列化和还原

        ECMA3中可以通过引入json2.js模块来使用ECMAScript5中的这些函数

      9:toString()方法

        默认的toString方法的返回值带有的信息量很少,因此很多类都带有自定义的toString().eg:Array.toString(),Date.toString()以及Function.toString();

      10:valueOf()

        跟toString方法类似,转化为数字的时候用这个方法,返回值带有的信息量很少,因此很多类都带有自定义的valueOf().

        

      

  • 相关阅读:
    Linux命令之用户与组管理
    ubantu命令安装banner
    Linux命令之必杀绝技Vi文本编辑的使用
    Linux命令初步了解
    C#中的一些技巧
    .net对文件的操作之对文件目录的操作
    Linux学习一些在Terminal可以用到的快捷键及Shell常用的通配符
    【初识】正则表达式
    .net对文件的操作之文件读写
    分享一次在Windows Server2012 R2中安装SQL Server2008
  • 原文地址:https://www.cnblogs.com/ppgirl/p/3141742.html
Copyright © 2011-2022 走看看