发布于 2017-02-26 21:15:11 | 114 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Javascript教程，程序狗速度看过来！
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。
typeof
typeof用的比较多的时候，是判断某个全局变量在不在，假如某个页面定义了一个全局变量。假如你做如下判断：
//haorooms是全局变量
if(haorooms!=undefined){
}//js会报错，说"Uncaught ReferenceError: haorooms is not defined"
解决的方法是我们如下写：
if(typeof haorooms!=undefined){
}
用了typeof之后，就不会报错了！这是typeof的应用之一!
此外，typeof还可以进行数据类型的判断！如下：
var haorooms="string"; console.log(haorooms); //string
var haorooms=1; console.log(haorooms); //number
var haorooms=false; console.log(haorooms); //boolean
var haorooms; console.log(typeof haorooms); //undfined
var haorooms= null; console.log(typeof haorooms); //object
var haorooms = document; console.log(typeof haorooms); //object
var haorooms = []; console.log(haorooms); //object
var haorooms = function(){}; console.log(typeof haorooms) //function 除了可以判断数据类型还可以判断function类型
很明显，对于typeof,除了前四个类型外，null、对象、数组返回的都是object类型；
instanceof
可以用其判断是否是数组。
var haorooms=[];
console.log(haorooms instanceof Array) //返回true
constructor
constructor就是返回对象相对应的构造函数。
判断各种数据类型的方法：
console.log([].constructor == Array);
console.log({}.constructor == Object);
console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(true.constructor == Boolean);
function employee(name,job,born){
this.name=name;
this.job=job;
this.born=born; }
var haorooms=new employee("Bill Gates","Engineer",1985);
console.log(haorooms.constructor); //输出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;}
通过输出haorooms.constructor，可以看出constructor就是返回对象相对应的构造函数。
Object.prototype.toString
前面我们提到了可以运用 constructor 属性来判定物件类型，让我们再来讲讲 Object.protype.toString 这个方法
Object.prototype.toString.apply({}) // "[object Object]"
Object.prototype.toString.apply([]) // "[object Array]"
Object.prototype.toString.apply(NaN)// "[object Number]"
Object.prototype.toString.apply(function(){}) // "[object Function]"
运用这种方式我们可以正确的判断一个变量的基本型态，但是如果是自订类型的话，却无法得知真正的类型，因为结果依然会是 [object Object]
其他
jQuery 也有类型判断的方法，下面是一例
$.isWindow(window) // true
怎么做的呢
core.js#479
isWindow: function( obj ) {
return obj != null && obj == obj.window;
}
所以开一个这样的 Object:
var fakeWindow;
fakeWindow = {};
fakeWindow.window = fakeWindow;
$.isWindow(fakeWindow) // true
你就骗过他了。
小结
在 JavaScript 中要正确判断类型，当仔细去钻研的时候，真是一件麻烦事，根据不同的情境去设计你的判断式是相当重要的，我们也必须要去思考如何用最简洁的方式判断正确的类型，当然这篇还有很多地方没有介绍到，例如 isPrototypeOf 这个方法，JavaScript 是一个有许多历史包袱的语言，但也是不断的在进步，运用它的时候，要注意，有太多的方式是双面刃，切记要小心运用。