JS基础知识回顾:引用类型(四)

每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。

由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。

函数的声明有以下三种形式:

function sum(num1,num2){return num1+num2;}//利用函数声明语法定义

var sum=function(num1,num2){return num1+num2;}//利用函数表达式定义

var sum=new Function("num1","num2","return num1+num2");//利用Function构造函数定义

如果利用第三种方法定义函数,会导致解析两次代码(第一次是解析常规ECMAScript代码,第二次是解析传入构造函数中的字符串),从而影响性能,因此并不推荐。

而在前面两种函数定义形式当中,解析器会率先读取函数声明,并使其在执行任何代码之前可用,至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。所以如果使用函数表达式来定义函数,则在代码执行到该行之前便对其进行调用就会报错,而如果是利用函数声明定义函数则不会有类似错误发生。

另外,也可以同时使用函数声明和函数表达式,例如var sum=function sum(){}。不过这种语法在Safari当中会报错。

由于函数名仅仅是指向函数的指针,因此函数名与包含对象指针的其他变量没有什么不同,换句话说就是一个函数可能会有多个名字。

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

alert(sum(10,10));//20

var anotherSum=sum;//使用不带圆括号的函数名是访问函数指针,而非调用函数

alert(anotherSum(10,10));//20

sum=null;//此处将sum设置为null,让它与函数断绝关系

alert(anotherSum(10,10));//20,此处仍可正常调用证明sum只是一个指针而不能代表函数

将函数名想象成指针,也有助于理解为什么ECMAScript中没有函数重载的概念。

在ECMAScript中如果声明了两个同名函数,结果就会是后面的函数覆盖前面的函数。

function addSomeNumber(num){return num+100;}

function addSomeNumber(num){return num+200;}

var result=addSomeNumber(100);//300

因为ECMAScript中的函数名本身就是变量,所以函数也可以作为值来使用。

function callSomeFunction(someFunction,someArgument){return someFunction(someArgument);}

这个函数接受两个参数,第一个参数是一个函数,第二个参数是要传递给函数的一个值。

function add10(num){return num+10;}

var result1=callSomeFunction(add10,10);

alert(result1);//20

function getGreeting(name){return "Hello,"+name;}

var result2=callSomeFunction(getGreeting,"Nicholas");

alert(result2);//"Hello,Nicholas"

这里的callSomeFunction()函数是通用的,即无论第一个参数中传递进来的是什么函数,它都会返回执行第一个参数后的结果。

当然,也可以从一个函数中返回另一个函数。

function createComparisonFunction(propertyName){

  return function(object1,object2){

    var value1=object1[propertyName];

    var value2=object2[propertyName];

    if(value1<value2){return -1;}

    else if(value1>value2){return 1;}

    else{return 0;}

  };

}

var data=[{name:"Zachary",age:28},{name:"Nicholas",age:29}];

data.sort(createComparisonFunction("name"));

alert(data[0].name);//Nicholas

data.sort(createComparisonFunction("age"));

alert(data[0].name);//Zachary

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

其中arguments是一个类数组对象,包含着传入函数中的所有参数,该对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。

利用该属性可以解除函数体内代码的函数名的耦合状态,下面以一个阶乘函数为例:

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

//此处这个函数的执行与函数名紧紧的耦合在了一起

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

//在这个重写后的函数体内,没有在饮用函数名,这样无论引用函数时使用的是什么名字都可以正常调用

var trueFactorial=factorial;

factorial=function(){return 0;}

alert(trueFactorial(5));//120

alert(factorial(5));//0

函数内部的另一个特殊对象是this,this引用的是函数据以执行的环境对象。

window.color="red";

var o={color:"blue"};

function sayColor(){alert(this.color);}

sayColor();//"red"

o.sayColor=sayColor;

o.sayColor();//"blue"

ECMAScript5也规范化了另一个函数对象的属性:caller。除了Opera早期版本不支持,其他浏览器都支持这个ECMAScript3中并没有定义的属性。

这个属性中保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为null。

function outer(){inner();}

function inner(){alert(inner.caller);}

outer();//以上代码会导致警示框当中显示outer()函数的源代码

因为outer()调用了inner(),所以inner.caller就指向了outer(),为了实现更松散的耦合,也可以通过arguments.callee.caller来访问相同的信息。

function outer(){inner();}

function inner(){alert(arguments.callee.caller);}

outer();//IE、Firefox、Chrome、Safari、Opera9.6+都支持caller属性

当函数在严格模式下运行时,访问arguments.callee会导致错误,且不能为函数的caller属性赋值,否则会导致错误。

ECMAScript5还定义了arguments.caller属性,但在严格模式下会导致错误,在非严格模式下这个属性始终是undefined。

定义这个属性是为了区分arguments.callee和函数的caller属性,这些变化都是为了加强语言的安全性。

ECMAScript中的函数是对象,每个函数都包含两个属性:length和prototype。

其中,length属性表示函数希望接受的命名参数的个数。

function sayName(name){alert(name);}

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

function sayHi(){alert("Hi!");}

alert(sayName.length);//1

alert(sum.length);//2

alert(sayHi.length);//0

对于ECMAScript中的引用类型而言,prototype是保存它们所有实例方法的真正所在,诸如toString()和valueOf()等方法实际上都保存在prototype名下,只不过是通过各自对象的实例访问罢了。在ECMAScript5总prototype属性是不可枚举的,因此使用for-in无法发现。

ECMAScript中的每个函数都包含两个非继承而来的方法:apply()和call()。

这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

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()方法时,传递给函数的参数必须逐个列举出来。

function callSum(num1,num2){retrun sum.call(this,num1,num2);}

alert(callSum(10,10));//20

事实上,传递参数并非这两个方法的用武之地,他们真正强大的地方是能够扩充函数赖以运行的作用域。

window.color="red";

var o={color:"blue"};

function sayColor(){alert(this.color);}

sayColor();//red

sayColor.call(this);//red

sayColor.call(window);//red

sayColor.call(o);//blue

ECMAScript5中还定义了一个方法:bind()。

这个方法会创建一个函数的实例,其this值会被绑定到传给bind()函数的值。

window.color="red";

var o={color:"blue"};

function sayColor(){alert(this.color);}

var objectSayColor=sayColor.bind(o);

objectSayColor();//blue

支持bind()方法的浏览器有IE9+、Firefox4+、Safari5.1+、Opera12、Chrome。

JS基础知识回顾:引用类型(四)

时间: 2024-12-27 12:05:34

JS基础知识回顾:引用类型(四)的相关文章

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

JS基础知识回顾:引用类型(二)

ECMAScript中的Date类型是在早期Java中的java.util.Date类基础上构建的. 因此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970年1月1日午夜零点开始经过的毫秒数来保存日期. 在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日或之后的285616年. 要创建一个日期对象,使用new操作符和Date构造函数即可:var now=new Date(); 在调用Date构造函数而不传递参数

JS基础知识回顾:引用类型(六)

ECMA-262对内置对象的定义是:由ECMAScript实现提供的.不依赖于宿主环境的对象,这些对象在ECMAScript程序执行之前就已经存在了. 开发人员不必显式的实例化内置对象,因为他们已经实例化了. 前面我们已经介绍了大多数内置对象,如Object.Array.String,ECMA-262还定义了两个单体内置对象:Global和Math. Global对象可以说是ECMAScript中最特别的一个对象了,因为不管你从什么角度上看,这个对象都是不存在的. 实际上并没有全局变量或全局属性

JS基础知识回顾:引用类型(三)

ECMAScript通过RegExp类型来支持正则表达式. 使用类似Perl的语法就可以创建一个正则表达式:var expression=/pattern/flags; 其中模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类.限定符.分组.向前查找以及反向引用. 每个正则表达式都可以带有一个或多个标志(flags),用以标注正则表达式的行为. 正则表达式的匹配模式只是下列三个标志: g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即

JS基础知识回顾:变量、作用域和内存问题

ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值. 基本类型值指的是简单的数据段,而引用类型值指的是那些可能由多个值构成的对象. 引用类型的值是保存在内存中的对象,与其他语言不同,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间. 在操作对象时,实际上是在操作对象的引用而不是实际的对象. 在很多语言中,字符串以对象的形式来表示,因此被认为是引用类型的,ECMAScript放弃了这一传统. 定义基本类型值和引用类型值的方式是类似的:创建

JS基础知识回顾:ECMAScript的语法(三)

ECMA-262描述了一组用于操作数据值的操作符,包括算术操作符.位操作符.关系操作符和相等操作符. ECMAScript操作符的与众不同之处在于,他们能够适用于很多值,例如字符串.数字值.布尔值.甚至是对象. 在将这些操作符应用于对象时,相应的操作符通常都会调用对象的valueOf()和(或)toString()方法,以便取得可以操作的值. 只能操作一个值的操作符叫做一元操作符. 递增和递减操作符直接借鉴自C,各有前置型和后置型两个版本:a++.++a.a--.--a 这四种操作符不仅适用于整

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

JS基础知识回顾:ECMAScript的语法(一)

任何语言的核心都必然会描述这门语言最基本的工作原理,而描述的内容通常都要涉及这门语言的语法.操作符.数据类型.内置功能等用于构建复杂解决方案的基本概念. ECMAScript中的一切变量.函数名.操作符都区分大小写. ECMAScript的标识符要符合下列规则:第一个字符必须是字母.下划线或美元符号:其他字符可以是字母.下划线.美元符号或数字. 标识符中的字母也可以包含扩展的ASCII或Unicode字母字符,但是并不推荐. 按照惯例,ECMAScript标识符采用驼峰大小写的格式来书写,尽管没

JS基础知识回顾:ECMAScript的语法(二)

ECMAScript中有五种简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number.String ECMAScript还有一种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的. ECMAScript不支持任何创建自定义类型的机制,而所有值最终都将是上述六种数据类型之一,由于ECMAScript的数据类型具有动态性,因此的确没有再定义其他数据类型的必要了. 监狱ECMAScript是松散类型的,因此需要有一种手段来检测给定变量的数据