zoukankan      html  css  js  c++  java
  • JavaScrip学习之路

    本文参考资料:《JavaScript权威指南》

    第六章:对象

    6.1 创建对象

    var book={
        "main title":"javaScript",         //属性名字有空格,必须用字符串表示
        'sub-title':"Definitive Guidee",  //属性名字连字符,必须用字符串表示
        "for":"all audiences",               //“for”是保留字,必须用字符串表示
         author:{
              firstname:"Tom",
              surname:" Fla"
         }
    };

    6.2 属性的查询和设置

        通过点(.)或者方括号([])运算符来获取属性的值。

        点(.):右侧必须是一个以属性名称命名的简单标示符。

        方括号([]):方括号内必须是一个计算结果为字符串的表达式,这个字符串就是属性的名字。

    6.2.3 属性访问错误

    //获取更简练的常用方法,获取subtilte的length属性或undefined
    var len=book && book.subtitle && book.subtitle.length;

    6.8 对象的三个属性

        原型(prototype)、类(class)和可扩展性(extensibleattribute)

    6.8.1 原型属性

        检测一个对象是否是另一个对象的原型(或处于原型链中),请使用isPrototypeOf()方法。

    var p={x:1};                                 //定义一个原型对象
    var o=Object.create(p);                  //使用这个原型创建一个对象
    p.isPrototypeOf(o)                          //=>true : o继承自p
    Object.prototype.isPrototypeOf(o)  //=>p继承自Object.prototype

    6.9 序列化对象

        对象序列化(serializeation)是指将对象的状态转化为字符串,也可将字符串还原为对象。

        JSON.stringify():序列化

        JSON.parse():h还原JavaScript对象

    o={x:1,y:{z:[false,null,""]}};  //定义一个测试对象
    s=JSON.stringify(o);                //s是‘{“x”:1,"y";{"z":[false,null,""]}}’
    p=JSON.parse(s);                    //p是o的沈拷贝

    第七章 数组

        javaScript数组是动态的:根据徐璈它们会增长或缩减,并且在创建数组时无须声明一个固定的大小或则在数组大小变化时无需重新分配空间。

        javaScript数组可能是疏密的:数组元素的索引不一定要连续,它们之间可以有空缺。每一个JavaScript数组都有一个length属性。针对非稀疏数组,该属性就是数组元素的个数。针对稀疏数组,length比所有元素的索引要大。

    7.2 数组元素和读和写

        数组是对象的特殊形式。使用方括号方位数组元素就像用方括号访问对象的属性一样。JavaScript将指定的数字索引值转化成字符串——索引值1变成“1”——然后将其作为属性名来使用。

    7.4 数组长度

        如果为一个数组元素赋值,它的索引i大于或等于现有数组的长度时,length属性的值将设置为i+1。

        设置length属性为一个当前长度的非负整数n时,当前数组中那些索引值大于或者等于n的元素将从中删除。

    7.5 数组元素的添加和删除

        arr.push(“one”,“two”):在数组尾部添加一个元素或多个元素,并返回数组新的长度。

        arr.pop():它删除数组的最后一个元素,减少数组长度并返回它删除的值。

        比较:将数组当做栈来使用。都修改并替换原始数组而非生成一个修改版的新数组。

        arr.shift()和shift():数组头部进行元素的插入和删除操作。

    7.6 数组遍历

       

    //排除null、undefined和不存在的元素
    forvar i=0;i<a.length;i++){
        if(!a[i]) continue; 
        //循环体
    }
    
    /**
     *注意for/in循环能够枚举继承的属性名,如添加到Array.prototype中的
     *方法。由于这个原因,数组上不应该使用for/in循环,除非使用额外的检测
     *方法来过滤不想要的属性。如下:
     */
    
    for(var i in a){
        if(!a.hasOwnProperty(i)) continue; //跳过继承的属性
        //循环体
    }

    7.8 数组方法(只介绍部分)

        1. Array.join():将数组中所有元素都转化为字符串并连接在一起,返回最后胜出的字符串。可以指定分隔符,默认逗号。

        它的逆向操作:String.split():将字符串分割成若干块创建一个数组。

        2. Array.reverse():将数组中的元素颠倒顺序,返回逆向的数组。在原先的数组中重新排列它们(不是创建新的数组)。

    //使用reverse()和join()方法生成字符串“3,2,1”
    var a=[1,23];
    a.reverse().join() //=>"3,2,1" 并且现在a=[3,2,1]

     第8章 函数

    8.1 函数的定义

        函数声明语句“被提前”到外部脚本或外部函数作用域的顶部,所以以这种方式声明的函数,可以被在它定义之前出现的代码所调用。不过,以表达式定义的函数就另当别论了,为了调用一个函数,必须要能引用它,而要使用一个以表达式方式定义的函数之前,必须把它赋值给一个变量。

       总结:变量的声明提前了,但给变量赋值是不会提前的,所以以表达式方式定义的函数在定义之前无法调用。

    8.2 函数调用

       this误区一:

       误以为调用嵌套函数时this会指向调用外层函数的上下文。如果想访问这个函数的this,需要将this的值保存在一个变量里,这个变量和内部函数都在一个作用域内。通常使用变量self来保存this,如下:

    var o={
         m:function(){
            var self=this;    //将this的值保存至一个变量中
            console.log(this===o);    //输出true ,this就是这个对象o
            f();     //调用辅助函数f()
           
           function f(){
               console.log(this===o);//"false":this的值是全局对或undefined
               console.log(self===o);//"true":self指外部函数的this值
           }
        }
    };

    8.3 函数的实参和形参

    8.3.1 可选参数

        当调用函数的时候传入的实参比函数声明时指定的参数个数要少,剩下的形参都将设置为undefined值。因此在调用函数时形参是否可选以及是否可以省略应当保持较好的适应性。为了做到这一点,应当给省略的参数赋一个合理的默认值,见如下例子:

    //将对象o中可枚举的属性名追加至数组a中,并返回这个数组a
    //如果省略a,则创建一个新数组并返回这个新数组
    function getPropertyNames(o, /* optional */ a){
        a=a || [];
        for(var property in o ) a.push(property);
        return a;
    }
    
    //这个函数调用可以传入1个或2个实参
    var a=getPropertyNames(o); //将o的属性存储到一个新数组中
    getPropertyNames(p,a);  //将p的属性追加至数组a中
  • 相关阅读:
    占位博客
    占位博客
    占位博客
    占位
    占位
    占位
    占位
    占位
    python字典设置初始值setdefault()与get()
    自然语言处理如何入门
  • 原文地址:https://www.cnblogs.com/gzhcsu/p/6907779.html
Copyright © 2011-2022 走看看