ECMAScript学习笔记（五）

栏目: JavaScript · 发布时间: 5年前

内容简介：在ECMAScript中，每个函数都是一个函数对象，都是Function类型的实例，且都和其他引用类型一样具有属性和方法。函数名实际上是一个指向函数对象的指针，不会和某个函数绑定。以上代码意味着，一个函数可能会有多个名字：

Function类型

在ECMAScript中，每个函数都是一个函数对象，都是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 sum(num1, num2) {
  return num1 + num2;
}

var anothorSum = sum;
// 将一个anothorSum变量的值设置为sum的值。使得他们指向了同一个函数。

没有重载

ECMAScript函数是没有重载的。

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

function addSomeNumber(num) {
  return num + 200;
}
// 相当于

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

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

以上代码将addSomeNumber变量赋值为先后两个函数对象。后一个函数对象覆盖了前一个函数对象嗯。

函数的声明&函数表达式

对于函数声明，解析器会先读取声明，并使其在执行任何代码之前可用。而对于函数表达式，则必须等到解析器执行到他所在的代码行才会被解释。

作为值的函数

ECMAScript中的函数名本身就是一个变量，所以所有的函数都可以被当做值来使用。所以可以把一个函数传递给另一个函数，并且可以将一个函数作为另一个函数的结果返回。

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

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

var result1 = callSomeFunction(add10, 10);

alert(result1); // 20

function createComparsionFunction(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;
    }
  };
}

函数内部属性

arguments和this

arguments的作用是用于保存函数参数。而这个对象还有一个叫callee的属性，用于指向拥有这个arguments对象的函数。

对于一个递归函数：

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

如果factorial函数被赋给另一个变量，而factorial变量被赋值为null的话……那么上述代码就挂了。

所以有了callee对象，就衍生了下面这样的用法：

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

这样函数名和函数体就解耦了。

另一个对象 this 其行为跟 Java 中的this类似。this引用的是函数赖以执行的环境对象。

eg：在网页的全局作用域中调用函数时，则this引用的是window。

window.color = "red";
var o = {color: "blue"};

function sayColor() {
  alert(this.color);
}
o.sayColor = sayColor;
o.sayColor(); // blue

ECMAScript 5规范了另一个函数对象的属性：caller。这个属性保存了调用当前函数的函数的引用。若在全局作用域中调用当前函数，则该值为null

函数属性和方法

每个函数都包含：length和prototype两个属性。

length：表示函数希望接收的明明参数的个数

prototype：包含了引用类型的所有实例方法

每个函数包含了：apply()和call()两个方法。这两个方法的用途都是在特定的作用域中调用函数。

apply()：接收两个参数：运行函数的作用域，参数数组。

call()：接收两个参数：运行函数的作用域，传入其余参数。

这两个方法能够扩充函数赖以运行的作用域。

eg:

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

基本包装类型

ECMAScript提供了三个特殊的引用类型：Boolean、Number、String.

每当读取一个基本类型值的时候，后台就会创建一个对应基本包装类型的对象。

引用类型和基本包装类型的区别在于对象的生存期：使用new操作符创建的引用类型的实例，在执行流离开当前作用域前都会一直被存在内存中。而自动创建的基本包装类型的对象，只存在于一行代码的执行瞬间之后会立即被销毁。

那么，就不能在运行时为基本类型值添加属性和方法了。

各种基本类型的用法之类的跟Java里面差不多，我就不记录了。嗯。

单体内置对象

内置对象就是：ECMAScript实现提供的不依赖于宿主环境的对象。

Global对象

Global不属于其他任何对象的属性或者方法，最终都是他的属性和方法。

1.URI编码方法：

encodeURI()和encodeURIComponent()方法可以对URI进行编码。

2.eval()方法

eval()方法相当于一个完整的ECMAScript解析器。能够接受一个要执行的ECMAScript代码的字符串。

然后就执行了。

4.window对象

Math对象

跟Java里的差不多，就懒得记了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

谁说菜鸟不会数据分析

张文霖、刘夏璐、狄松编著 / 电子工业出版社 / 2011-7 / 59.00元

《谁说菜鸟不会数据分析(全彩)》内容简介：很多人看到数据分析就望而却步，担心门槛高，无法迈入数据分析的门槛。《谁说菜鸟不会数据分析(全彩)》在降低学习难度方面做了大量的尝试：基于通用的Excel工具，加上必知必会的数据分析概念，并且采用通俗易懂的讲解方式。《谁说菜鸟不会数据分析(全彩)》努力将数据分析写成像小说一样通俗易懂，使读者可以在无形之中学会数据分析。《谁说菜鸟不会数据分析(全彩)》按照数据......一起来看看《谁说菜鸟不会数据分析》这本书的介绍吧!

码农工具