10 javascript 函数的高级用法

一.高级函数
1.安全的类型检测
由于typedof或者instanceof不可靠的检测，因此可用Object原声的toString()方法，返回一个[Object NativeConstructorName]格式的字符串。每个类在内部都有一个[[Class]]属性
,这个属性就指定了上述字符串中的构造函数名
function isArray(value){
return Object.prototype.toString.call(value) = "[Object Array]";
}

function isFunction(value){
return Object.prototype.toString.call(value) = "[Object Function]";
}

Object的toString()方法不能检测非原生构造函数的构造函数名

2.作用域安全的构造函数
解决由于this对象晚绑定造成的问题：
function Person(name, age, job){
if (this instanceof Person){
this.name = name;
this.age = age;
this.job = job;
}else {
return new Person(name, age, job);
}
}

var person1 = Person("Nicholas", 29, "Software Enginner");
alert(window.name); // ""
alert(person1.name); // "Nicholas"

注意，此时会导致原型继承的破坏，解决办法是将子引用的原型对象直接赋值为父引用

3.惰性载入函数
在javascript代码包含大量if语句时，可先内置一个函数

4.函数绑定
函数绑定要创建一个函数，可以在特定的this环境中以指定参数调用另一个函数。该技巧常常和回调函数与事件处理程序一起使用，以便在将函数作为变量传递的同时
保留代码执行环境
var handler = {
message : "Event handled",

handleClick : function(event){
alert(this.mesage);
}
};

var btn = document.getElementById("my-btn");
EventUtil.addHandler(btn, "click", handler.handleClick);

该代码实际上显示的是undefined，这个问题在于没有保存handler.handleClick()的环境，所以this对象最后指向了DOM按钮而非handler，可做如下修正：

var handler = {
message : "Event handled",

handleClick : function(event){
alert(this.mesage);
}
};

var btn = document.getElementById("my-btn");
EventUtil.addHandler(btn, "click", function(event){
handler.handleClick(event);
});

创建多个闭包可能会令代码变得难以理解和调试。因此，很多javascript库实现了可以将函数绑定到指定环境的函数。这个函数一般叫bind()。
一个简单的bind()函数接受一个函数或一个环境，并返回一个在给定环境中调用给定函数的函数，并将所有参数原封不动传递过去。语法如下：
function bind(fn, context){
return function(){
return fn.apply(context, arguments);
};
}
 
因此，上面的代码可改写为：
var handler = {
message : "Event handled",

handleClick : function(event){
alert(this.mesage);
}
};

var btn = document.getElementById("my-btn");
EventUtil.addHandler(btn, "click", bind(handler.handleClick, handler));