JavaScript程序设计(三)-引用类型

引用类型

在这里插入图片描述
引用类型的值(对象)是引用类型的一个实例,ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起,他们常被称为,但是并不太准确,因为它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型也被称为对象定义。它描述的是一类对象所具有的属性和方法。
对象是某个特定引用类型的实例。

检测数组

instanceof 检测数组的时候,如果存在两个以上不同版本的Array构造函数,会不准确,ECMAScript5增加了Array.isArray()判断一个值是不是数组。

栈方法、队列方法

数组的push(),pop(),unshift(),shift()方法组合使用,可以实现队列和栈的效果。

Function

函数是对象,函数名是指针。
  没有重载

// 函数声明
function addSome(){
 	return num + 10;
}
function addSome(){
	return num + 20;
}
// 等同于下面的代码
// 函数表达式
var addSome = function(num){
	return num + 10;
}
var addSome = function(num){
	return num + 20;
}

第二次创建函数的时候,覆盖了第一个函数的变量。

函数声明和函数表达式

  解析器会优先读取函数声明,即函数声明提升。函数表达式必须等到解析器执行到它所在的代码行才会被解释执行。函数表达式和正常声明变量类似,变量声明提升但是给它赋值部分并没有执行。
  除了这一点之外,两者等价。注意不要同时使用,Safari中会导致错误。

作为值的函数

  函数名为变量,所以函数可以作为值来使用,作为函数参数,函数返回值。

函数内部属性

   函数内部有两个特殊的对象,arguments和this

arguments对象

  类数组对象,主要用于保存函数参数。还有一个callee属性,这是一个指针,指向arguments对象的函数。

function factorial(num){
	if(num<1){
		return 1;
	}else{
		// return num * factorial(num-1);
		// 和下面的代码效果相同,但是降低了耦合
		// factotial函数可以赋值给其他函数,而不会出错
		return num * arguments.callee(num-1);
	}
}
factorial(5)
this

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

函数的名字仅仅是一个包含指针的变量。

caller

  ECMAScript5 这个属性中保存的是调用当前函数的函数的引用。全局调用的使用它为null,即保存这谁调用了这个函数。

function outer(){
	inner();
}
function inner(){
	// 输出outer源代码 (可能会在测试的时候比较有用)
	console.log(inner.caller);
	// 为了实现松散耦合可以使用
	console.log(arguments.callee.caller)
}
outer()

ECMAScript5还定义了arguments.caller属性,严格模式下访问会导致错误,非严格模式下访问这个属性始终是Undefined
??? 定义这个属性是为了分清arguments.caller和函数的caller属性。以上变化都是为了加强这门语言的安全性,第三方代码不能在相同的环境里面窥视其他代码。

函数的属性和方法

length 参数长度
prototype 保存实例方法
apply(),call()这两个方法都是在特定作用域调用函数,可以理解为显式传入了this,两者作用相同,仅仅接受参数方式不同。
bind() 创建一个新的函数,新的函数的this指定为bind传入的值,不会在被apply和call改变。使用bind继续创建新函数也不会改变。

无法改变这部分好像跟闭包有关,看到22章再说


var color = "red";
var blue = {color:"blue"};
var yellow = {color:"yellow"};

function sayColor(){
    console.log(this.color);
}

var sayBlue = sayColor.bind(blue);
sayColor(); // red
sayBlue(); // blue
sayColor.call(yellow); // yellow
sayBlue.call(yellow); // blue
sayBlue.apply(yellow); // blue
var sayYellow = sayBlue.bind(yellow);
sayYellow() // blue
var sayYellow2 = sayColor.bind(yellow);
sayYellow2() // yellow

基本包装类型

  为了方便操作基本类型的值,ECMAScript提供了三个特殊的引用类型,Boolean、Number、String。每当读取一个基本类型的值的时候,后台就会创建一个对应的基本包装类型的对象。从而可以让我们能够调用一些方法来操作这些数据。

var s1 = "text";
var s2 = s1.substring(2);

基本类型的值不是对象,所以从逻辑上讲,他们不应该有方法。但是通过基本包装类型的包装。有了方法。
类似下面的执行过程。

var temp = new String(s1); // 创建String 类型的实例
var s2 = temp.substring(2); // 在实例上调用制定方法
temp = null; // 销毁实例

  引用类型与基本包装类型的主要区别是对象的生存期,new 操作符创建的引用类型在执行流离开当前作用域之前一直在内存中。而自动创建的基本包装类型的对象,只存在于一行代码执行的瞬间。然后立即销毁。所以我们不能在运行的时候给基本类型值添加属性和方法,因为每行创建的对象,该行执行完之后就销毁了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值