引用类型

引用类型

引用类型的值(对象)是引用类型的一个实例。在ECMAScript中,引用类型是一种数据结构,将数据和功能组织在一起

Object 对象

创建Object实例方法有两种:

  1. 使用构造方法:new Object();
  2. 使用对象字面量 var obj = { name:'andy chen' }

使用对象字面量定义对象的时候,实际上并不会调用构造方法,推荐使用对象字面量方法

访问对象属性的方法也有两种:

  1. 点表示法 例如: console.log(obj.name)
  2. 方括号法 例如: console.log(obj["name"])

通常,除了使用变量来访问属性,否则建议用点表示法

Array 对象 :

创建Array数组也有两种方法:

  1. 使用构造方法:

    1
    2
    3
    4
    var arr1 = new Array();//创建空数组
    var arr2 = new Array(5);//创建length为5的数组,所有项都为undefined
    var arr3 = new Array("andy chen");//创建length为1,该值为andy chen的数组
    var arr4 = Array();//省略new与不省略一样
  2. 使用对象字面量 var arr = [1,2,3]

小技巧:每当在数组末尾添加一项后,其length会自动更新。故可以通过 arr[arr.length] = XXX ,来为数组末尾添加数据


数组最多可包含4294967295项

数组常用方法

  • 检测方法:ES5 : isArray()
  • 转换方法: toLocaleString() , toString() , valueOf()
    输出的时候,默认调用的是toString方法
  • 栈方法:pop() , push()
  • 队列方法 : shift() , unshift()
  • 重排序方法:
    • reverse : 反转
    • sort : 对数组排序
    • sort 默认比较的是各个数组项的toString方法,所以 ‘5’会大于 ‘10’,所以一般会传递一个比较函数给sort。
  • 操作方法 :concat , slice , splice
  • 位置方法 : lastIndexOf , indexOf
  • 迭代方法 :every,filter,forEach,map,some
  • 归并方法: reduce , reduceRight

Date类型:

  • Date.UTC() 返回表示UTC时间的毫秒数
  • Date.parse() 返回表示相应日期的毫秒数
  • Date类型与其他引用类型一样,重写了toString(), toLocalString() , valueOf()方法,其中ValueOf返回日期的毫秒数,所以可以直接用 < 或 > 比较日期的大小

+new Date() : 用+号可以将date类型转换成数值

RegExp 类型

创建正则表达式:

  1. var expression = / pattern / flags ;
  2. var re = new RegExp( pattern, flags );

正则表达式包含3个标志:

  • g : 表示全局 ,表示搜索一整个字符串,而非匹配到第一个就停止
  • i : 不区分大小写
  • m : 表示多行模式,搜索一行后,会继续下一行

正则表达式中的元字符必须转义: ([{\^$|)*+.]}这些元字符必须转义.
传递给RegExp中的 pattern 为字符串,由于字符串会对\ 或 \n,等进行转义。所以必须进行二次转义
例如: 向匹配 [,则表达式为/\[/,但是传给RegExp的字符串为 : "\\["

RegExp 实例属性

  • global :表示是否设置了g 标志
  • ignoreCase : 表示是否设置了 i 表示
  • multiline : 表示是否设置了m标志
  • lastIndex : 表示开始搜搜下一项匹配项的字符位置
  • source : 正则表达式的字符串表示

RegExp的实例方法:

  • exec 方法 :
    接收一个参数,返回包含第一个匹配项信息的数组,没有匹配项则返回null
    该返回匹配项信息为一个数组,额外还有两个属性:
    • index:表示匹配在字符串内容的位置
    • input 属性: 应用到正则表达式的字符串内容
  • test 方法:
    接受一个字符串参数,在模式与该参数匹配的情况下返回true.
  • toString() , toLocaleString(): 都返回表达式的对象字面量。

RegExp 构造函数属性(即是静态属性)

  • input : 最近一次匹配的字符串 缩写: $ _
  • lastMatch : 最近一次的匹配项 缩写: $&
  • lastParen : 最近一次匹配的捕获组 缩写: $+
  • leftContext :input 中lastMatch之前的文本 缩写: $`
  • multiline :是否使用多行 缩写: $*
  • rightContent :input 中lastMatch之前的文本 缩写: $'
  • $1 , $2 ...$9 表示匹配的捕获组

模式的局限性:
ECMAScript的正则表达式功能还是比较完备的,但是仍然缺少某些语言所支持的高级特性。

Function

函数是对象,函数名实际上是一个指向函数对象的指针,不会与某个函数绑定
函数定义 :

1
2
3
4
5
6
//函数声明语法定义
funciton sum(){ doSomething... }
//函数表达式定义
var sum = funciton(){ doSomething... }
//使用Function构造函数:
var sum = new Function(param1,param2,"doSomething");//doSomeThing为方法体

  • 函数没有重载,在创建第二个同名函数的时候,会覆盖掉上一个
  • 函数声明提升:在代码开始执行之前,解析器就已经通过了一个函数声明提升的过程,读取并将函数声明添加到执行环境当中,所以,即使声明函数的代码在调用它的代码后面,js引擎也能把函数声明提升到顶部

函数内部属性:

  • arguments:一个类数组对象,包含传入函数中的所有参数,arguments.callee ,指向拥有arguments对象的函数
  • this :引用的是函数据以执行的环境对象,当在全局作用域中调用函数时,this指向window
  • caller : 保存着调用当前函数的函数的引用,如果是全局调用,则为null。
    使用方法:functionName.caller , 由于functionName 需要名字,也可以通过arguments.callee.caller
  • 在严格模式下,arguments.callee会导致错误,也不能为函数的caller属性赋值

函数属性和方法:

  • length : 函数希望接受的参数个数
  • prototype : 保存所有实例方法的真正所在。
  • apply: 在特定的作用域中运行函数,接受两个参数,一个是函数作用域,一个是参数数组
  • call:在特定的作用域中运行函数(与apply作用相同),与apply不同的是,参数直接传递给函数
    call和apply真正的用武之地是能够扩充函数的赖以运行的作用域
  • bind: 会创建一个函数的实例,其this值会被绑定到传给bind函数的值

基本包装类型

为了便于操作基本类型值,es提供了3个特殊的引用类型:Boolean , Number , String
由于基本类型不是对象,所以逻辑上讲他们不应该有方法。但是我们可以调用许多方法,是因为后台其实帮我们做了一系列的事
读取字符串时:

  • 创建String类型的一个实例
  • 在实例上调用制定的方法
  • 销毁这个实例

引用类型与基本包装类型的区别主要在于对象的声明生存期。使用new操作符创建的引用类型的实例,在执行流离开作用域之前一直保存在内存中。而自动创建的基本包装类型,则只存在于一行代码的执行瞬间,然后被立即销毁

Number:

  • toFixed : 按照指定的小数位返回数值的字符串
  • toExponential : 返回以指数表示法表示的数值的字符串形式
  • toPrecision : 返回固定大小格式,或返回指数格式

String :

  • 字符方法
    • charAt : 返回给定位置的那个字符
    • charCodeAt : 返回给定位置的字符编码
  • 字符串操作方法
    • concat: :拼接字符串
    • slice ( start , end ) : 返回一个子字符串。start 或 end 为负数时候,表示末尾往前
    • substr( start , count) : 返回一个子字符串。start为负数时候,表示从后往前,end为负数时,表示0
    • substring( start , end ) : 返回一个子字符串。start为负数时候,表示0
  • 字符串位置方法 : indexOf, lastIndexOf
  • trim方法 : 去除前后的空格
  • 字符串大小转换方法:toLowerCase() , toUpperCase(), toLocaleLowerCase() toLocaleUpperCase()
    在不知道自己的代码将在哪种语言环境下运行,还是使用针对地区的方法更稳妥一些.eg:toLocaleLowerCase()
  • 字符串模式匹配方法
    • match :返回一个数组,第一项是与整个模式匹配的字符串,之后的每一项保存着与正则表达式中的捕获组匹配的字符串(本质上与调用RegExp 的 exec 方法相同)
    • search : 返回参数在字符串中第一次出现的位置
    • replace :将第二个参数的内容替换掉第一参数的内容。只会替换第一个子字符串,如果想替换所有,第二个参数提供一个正则表达式,并指定全局g标志。第二个参数也可以是一个函数
    • split : 指定分隔符将字符串分隔成多个字符串
    • localeCompare方法:小于则返回负数,等于返回0,大于返回正数
    • fromCharCode方法:接受1或多个字符编码,转换成字符串。与charCodeAt 是相反的操作

单体内置对象

Global 对象:

  1. URI 编码方法
    • encodeURI :主要用于整段URL,进行编码。不会对属于URI的字符进行编码,例如冒号,正斜杠,问号和井号
    • encodeURIComponent :会对它发现的任何非标准字符进行编码
      解码分别是:decodeURI() ,decodeURIComponent()
  2. eval 方法
    eval 将接收到的参数当成实际的语句来解析,然后把执行结果插入到原位置
  3. Global 对象的属性
    特殊值 undefined,NaN,Infinity 以及原生引用类型的构造函数。
  4. window 对象:
    ECMAScript 虽然没有指出如何直接访问Global对象,但 web浏览器都是将这个全局对象作为window对象的一部分加以实现的,因此,在全局作用域中声明的变量和函数,都成为window对象的属性
    另一种获得Global的方法是利用匿名自执行函数 :
    1
    2
    3
    var global = function(){
    return this;
    }();

Math对象

  • 属性: PI , E , LN10 , SQRT2 ….
  • 方法: ceil , floor , round , min , max , random ,abs , log , sqrt …等数学运算的方法




关于作者:
AndyChen,前端开发,Hybrid App
联系方式:374664805@qq.com
博客:http://chen4342024.github.io/

本文为原创文章,因此转载请保留原出处
本文永久链接:http://chen4342024.github.io/2016/06/13/引用类型/

坚持原创技术分享,您的支持将鼓励我继续创作!