码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript笔记(二):函数只是一种对象

时间:2015-09-09 22:35:48      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

上一篇随笔提到JS中有两种数据类型:原始类型和对象类型,但是我们还没有提到函数。实际上函数也是一种对象,准确地说函数应该叫做函数对象。下面从对象开始说起。

1. 对象和函数

 最简单的对象,是这样的:

var obj = {};

 我们创建了一个空对象。说它空是因为它没有任何自定义属性,但是实际上它还是有一些默认属性的,这些属性是从它的原型对象继承来的,比如constructor、toString和valueOf等。除此之外,ECMA-262中还定义了对象的一些内置属性,这些属性对JS语言来说是不可见的,也就是说跟我们的编程无关。但是简单地了解一下这些内置属性,对我们深入理解对象的内部机制是有益的。这些属性包括:[[Prototype]]、[[Extensible]]、[[Get]]、[[Put]]、[[HasProperty]]和[[Delete]]等,具体的含义在此不提,只需要知道,只要是对象,一定具有这些属性。

接下来,我们说一下函数。我们经常听人说“函数是JS中的一等公民,函数可以做参数,可以做返回值”。其实原因很简单,函数也是一种对象,是一种特殊的对象。它只是比普通的对象多了一些特殊的东西,所以看起来跟普通对象有所不同。那么,函数与普通对象比有哪些不同呢?

(1) 从语言规范或者说从JS引擎的角度来看,函数除了前面提到的那些内置属性外,还多了一些内置属性,包括:

  • [[Code]]:函数的代码,即函数体里面的那些语句。
  • [[FormalParameters]]:函数的形参列表。
  • [[Scope]]:词法环境(Lexical Environment),它确定了函数执行时所处的环境。这个东西很重要,跟我们经常听说的作用域链闭包有关系。
  • [[Call]]:执行代码,即在调用此函数时执行的动作。
  • [[Construct]]:构造一个新的对象的动作。拥有这个内置属性的函数被称为构造函数,通过new操作符可以用它来产生新的对象。
  • [[HasInstance]]:用来检测一个对象是否是此函数构造的。

(2) 由于函数是一种特殊的以及非常重要的对象,所以JS语言专门提供了特殊的语法来创建函数,即

// 函数声明
function sayHello() {
    console.log(‘Hello‘);   
}

// 函数表达式
var sayHello = function () {
    console.log(‘Hello‘);
}

 当然,也可以用类似于创建普通对象的方式(即new+构造函数)来创建函数,即

var sayHello = new Function("console.log(‘Hello‘);");

 是不是跟普通对象的方式很像啊:

var data = new Date(‘2015/09/10‘);

 显然Function是一个非常特殊的构造函数,因为一般的构造函数只能创建普通对象,但是Function能创建一个函数对象。

(3) 函数是可调用的。我们通过函数调用表达式来调用一个函数,从而完成实现某种特定的功能,例如:

function add(x, y) {
    return x + y;
}

var z = add(3, 4);
console.log(z); // 输出5

 这也是我们使用函数最常见的目的。

2. 构造函数

其实上面已经顺带把构造函数也讲了。构造函数是指可以利用 new 操作符来创建对象的函数,这个过程是通过内置属性[[Construct]]实现的。比如Object就是一个构造函数:

var obj = new Object();

实际上,我们在程序里使用函数声明、函数表达式或Function创建出来的函数都是即使普通函数也是构造函数。它们既可以被调用以得到返回值或产生某种效果,也可以用new操作符来创建对象。但是从本质上讲构造函数比普通函数要更特殊一些。

另外为了进行区分,在命名时,前者通常首字母小写,后者通常首字母大写。举一个构造函数的例子:

function Person(name, age) {
    this.name = name;
    this.age = age;    
}

 

JavaScript笔记(二):函数只是一种对象

标签:

原文地址:http://www.cnblogs.com/manxisuo/p/JavaScript-Note-2-Function-Is-Object.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!