首页 > 代码库 > JavaScript你所不知道的困惑（3）

JavaScript你所不知道的困惑（3）

2024-07-05 04:28:26   235人阅读

困惑一：

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
call方法能扩充函数作用域，每个函数都包含两个非继承而来的方法：apply()和call(),这两个方法的用途是在特定的作用域中调用函数。

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

function callSum1(num1, num2){
	return sum.apply(this, arguments);
}

function callSum2(num1, num2){
	return sum.apply(this, [num1, num2]);
}

alert(callSum1(10, 10));
alert(callSum2(10, 10));
call()方法与apply()方法的作用相同，它们的区别仅在于接收参数的方式不同。对于call()方法而言，第一个参数是this值没有变化，变化的是其余参数都直接传递参数。

困惑二：

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

function getGreeting(name){
	return "hello" + name;
}

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

var result1 = callSomeFunction(add10, 10);
alert(result1);   //20

var result2 = callSomeFunction(getGreeting, "阳光小强");
alert(result2);  //"hello阳光小强"
在ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。

困惑三：

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

alert(factorial(10));
上面代码中的arguments.callee是什么意思？

在函数内部有两个特殊的对象：arguments和this。argument的主要作用是保存函数参数，但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。另个个特殊对象this,是函数执行的环境对象。

困惑四：

eval("alert(‘hi‘)");   //hi
eval方法就像是一个完整的ECMAScript解析器，它只接受一个参数，当解析器发现代码中调用eval方法时，它会将传入的参数当作实际的ECMAScript语句来解析，然后把执行结果插入到原位置。

ECMAScript中内置对象，由ECMAScript实现提供的，不依赖于宿主环境的对象，这些对象在ECMAScript程序执行之前就已经存在了。开发人员不必显式的实例化内置对象，因为它们已经实例化了。如：Object、Array和String。ECMA-262还定义了两个单体内置对象：Global和Math

ECMAScript中的Global对象在某种意义上是作为一个终极的“兜底儿对象”来定义的。换句话说，不属于任何其他对象的属性和方法，最终都是他的属性和方法。事实上，没有全局变量和全局函数；所有在全局作用域中定义的属性和函数，都是Global对象的属性。如：isNaN()、isFinite()、parseInt()以及parseFloat()实际上都是Global对象的方法。除此之外，Global对象还包含了其他一些方法。

1、URL编码方法。

2、eval()方法。

ECMAScript中虽然没有指出如何直接访问Global对象，但web浏览器都是将这个全局对象作为window对象的一部分加以实现的。因此，在全局作用域中声明的所有变量和函数，就都成为了window对象的属性。

3、Global对象还包含一些属性如undefined、NaN以及Infinity等。

4、Web浏览器都是将Global对象作为window对象的一部分加以实现的。因此，在全局作用域中声明所有变量和函数，就都成为了window对象的属性。

var color = "red";
function sayColor(){
	alert(window.color);
}
window.sayColor();  //red


联系
我们