zoukankan      html  css  js  c++  java
  • JavaScript高级程序设计学习笔记--引用类型

    Object类型

    对象字面量表示法:

    var person={
    name:"Nicholas",
    age:29,
    5:true
    };

    这人例子会创建一个对象,包含三个属性:name,age和5。但这里的数值属性名会自动转换为字符串。
    对象属性的访问:点表示法和方括号语法

    alert(person["name"]); // "Nicholas"
    alert(person.name); // "Nicholas"

    从功能上看,这两种访问对象属性的方法没有任何区别,但方括号语法的主要优点是可以通过变量来访问属性,如:

    var propertyName="name";
    alert(person[propertyName]

    如果属性名中包含会导致语法错误的字符,或者属性名使用的是关键字或保留字,也可以使用方括号表示法,如:

    person["first name"]="Nicholas";

    Array类型

    在读取和设置数组的值时,要使用方括号并提供相应值的基本0的数字索引,如

    var colors=["red","blue","green"];
    alert(colors[0]); //显示第一项:red
    colors[2]="black" //修改第三项
    colors[3]="brown"; //新增第四项

    如果设置某个值的索引超过了数组现有项数,如这个例子中的colors[3]所示,数组就会自动增加到该索引值加1的长度(就这个例子而言,索引是3,因此数组长度是4)
    数组的length属性很有特点--它不是只读的。因此,通过设置这个属性,可以从数组的末尾移除项或向数组中添加项,如:

    var colors=["red","blue","green"];
    colors.length=2;
    alert(colors[2]); //underfined

    利用length属性也可以方便地在数组末尾添加新项,如下所示:

    var colors=["red","blue","green"];
    colors[colors.length]="black";
    colors[colors.length]="brown";

    数组排序
    数组有sort()方法,接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。

    function compare(value1,value2){
    if(value1<value2)
    return -1;
    else if(value1>value2)
    return 1;
    else
    return 0;
    }
    
    var values=[0,1,5,15,10];
    values.sort(compare);
    alert(values); //0,1,5,10,15

    对于数值类型或者其valueof()方法会返回数值类型的对象,可以使用一个更简单的比较函数

    function compare(value1,value2)
    return value2-value1;

    操作方法
    slice():能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice()方法返回从
    该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项--但不包括结束位置的项。注意,slice()方法不会影响原始数组。例子:

    var colors=["red","blue","green","yelllow","purple"];
    var colors2=colors.slice(1); //blue,green,yelllow,purple
    var colors3=colors.slice(1,4); // blue,green,yelllow

    如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。例如,在一个包括5项的数组上调用slice(-2,-1)与调用slice(3,4)得到的结果相同。如果结束
    位置小于起始位置,则返回空数组。

    Date类型

    在调用Date构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和当前时间。
    Date.UTC()的参数分别是年份,基于0的月份(一月是0,二月是1,以此类推),月中的哪一天(1到31),小时数(0到23),分钟,秒以及毫秒数。

    var allFives=new Date(Date.UTC(2005,4,5,17,55,55)); //GMT时间2005年5月5日下午5:55:55

    Date类型的valueOf()方法,不返回字符串,而是返回日期的毫秒表示。

    Function类型

    函数声明:

    function sum(num1,num2){
    return num1+num2;
    }

    函数表达式:

    var sum=function sum(num1,num2){
    return num1+num2;
    };

    第二种方法要在函数末尾加一个分号,就像声明其他变量时一样。
    由于函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变更没有什么不同。换句话说,一个函数可能会有多个名字,如下面的例子:

    function sum(num1,num2){
    return num1+num2;
    }
    alert(sum(10,10)); //20
    
    var anotherSum=sum;
    alert(anotherSum(10,10)); //20
    
    sum=null;
    alert(anotherSum(10,10)); //20

    解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等
    到解析器执行到它所在的代码行,才会真正被解析执行。请看下面的例子-

    alert(sum(10,10));
    function sum(num1,num2){
    return num1+num2;
    }

    以上代码完全可以正常运行,因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。下面提等价的函数表达式:

    alert(sum(10,10));
    var sum=function sum(num1,num2){
    return num1+num2;
    };

    以上代码之所以会在运行期间产生错误,原因在于函数位于一个初始化的语句中,而不是一个函数声明。换句话说,在执行到函数所在语句之前,变更sum中不会保存有对函数的引用 。 

    函数内部属性

    在函数内部,有两个特殊的对象:arguments和this.其中,arguments,它是一个类数组对象,包含着传入函数中的所有参数。虽然arguments的主要用途就是保存函数参数,但这个对象
    还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。请看下面这个非常经典的阶乘函数。

    function factorial(num){
    if(num<=1){
    return 1;
    }else{
    return num*factorial(num-1);
    }
    }

    定义阶乘函数一般都要用到递归算法;如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。但问题是这个函数的执行与函数名factorial紧
    紧耦合在了一起。为了消除这种紧耦合,可以像下面这样使用arguments.callee。

    function factorial(num){
    if(num<=1){
    return 1;
    }else{
    return num*arguments.callee(num-1);
    }
    }

    this引用的是函数据以执行的环境对象

    函数方法

    每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内的this对象的值。
    首先,apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是Array的实例,也可以是arguments对象。例如:

    function sum(num1,num2){
    return num1+num2;
    }
    
    function callSum1(num1,num2){
    return sum.apply(this,arguments); //传入arguments对象
    }
    
    function callSum2(num1,num2){
    return sum.apply(this,[num1,num2]); //传入数组
    }
    alert(callSum1(10,10)); //20
    alert(callSum2(10,10)); //20

    call方法与apply方法的作用相同,它们的区别仅在于接收参数的方式不同。对于call()方法而言,第一个参数this值没有变化,变化的是其余参数都要直接传递给函数。换句
    话说,在使用call()方法时,传递给函数的参数必须逐个列举出来,如下面所示:

    function sum(num1,num2){
    return num1+num2;
    }
    
    function callSum(num1,num2){
    return sum.call(this,num1,num2); //传入arguments对象
    }
    alert(callSum(10,10)); //20

    事实上,传递参数并非apply()和call()真正的用武之地;它们真正强大的地方是能够扩充函数赖于运行的作用域。下面来看个例子:

    window.colors="red";
    var o={colors:"blue"};
    
    function sayColor(){
    alert(this.color);
    }
    
    sayColor(); //red
    
    sayColor.call(this); //red
    sayColor.call(window); //red
    sayColor.call(o); //blue

    基本包装类型

    ECMScript还提供了3个特殊的引用类型:Boolean,Number和String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。
    引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型
    的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。来看下面的例子:

    var s1="some text";
    s1.color="red";
    alert(sl.color); //undefined

    Object构造函数与会像工厂方法一样,根据传入值的类型返回相应基本包装类型的实例。如:

    var obj=new Object("some text");
    alert(obj instanceof String); //true

    Boolean类型

    var falseObject=new Boolean(false);
    var result=falseObject&&true;
    alert(result) ; //true
    
    var falseValue=false;
    result=falseValue&&true;
    alert(result);

    在这个例子中,我们使用false值创建了一个Boolean对象。然后,将这个对象与基本类型值true构成了逻辑与表达式。在布尔运算中,false&&true等于false。可就,示例中的这行代码是对falseObject而不是对它的值(false)进行求值。前面讨论过,布尔表达式中的所有对象都会被转换为true,因此falseObject对象在布尔表达式中代表的就是true

    Number类型

    toFixed()方法会按照指定的小数位返回数值的字符串表示,如:

    var num=10;
    alert(num.toFixed(2)); //10.00

    在全局作用域中声明的所有变更和函数,都成为window对象的属性。

    Math对象

    Math.ceil()执行向上舍入,它总是将数值向上舍入为最接近的整数。
    Math.floor()执行向下舍入,它总是将数值向下舍入为最接近的整数。
    Math.round()执行标准舍下,即四舍五入为最接近的整数

  • 相关阅读:
    MySQL的主从复制配置
    MySQL多实例安装配置实现
    cmake编译安装MySQL5.5.32
    MySQL数据库备份与恢复
    MySQL字符集那些事
    MySQL忘记密码怎么办??
    MySQL创建用户以及授权
    svn commit is not under version control 和 git常用指令
    App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app's Info.plist file
    2016年猴年大吉
  • 原文地址:https://www.cnblogs.com/Gyoung/p/3784875.html
Copyright © 2011-2022 走看看