Javascript 小知识点总结

1. typeof 和 instanceof

Javascript有5种基本类型：number , boolean , string , null ,undefined ; 以及一种引用类型：object （包括数组，函数等）。

typeof：检测类型，只会返回以下6个值：number , boolean , string , undefined , object , function ; 对应 Javascript 的数据类型的返回情况如下：

数据类型	typeof 返回值
number	number
boolean	boolean
string	string
null	object
undefined	undefined
object(不包含函数)	object
function（函数）	function

注意

：

- typeof 并不是一个方法，它是一个操作符；

- typeof null 返回 object , 这是一个设计缺陷而已；

- 对于 number boolean 和 string ，如果是用构造函数方式声明为一个对象的，typeof 返回值为 object ， 如下：

var str = new String('wasd') ;
typeof str ——返回'object'

instanceof : 判断一个变量是否是一个对象的实例，返回值为 true 或 false；

用法示例 :

value instanceof Array

判断 value 是否为 Array 类型；

typeof and instanceof 常常并肩作战，来准确地判断一个变量的类型 。

2. Function 的 arguments

通常，我们会认为 arguments 是一个数组，然而事实如下：



arguments 只是一个类数组结构，它具有的数组特征，只是它有length属性，并且能用[]形式访问参数而已；想能在 arguments 上应用数组的方法，我们可以这样把 arguments 转换为真正的数组

arguments=[].slice.call(arguments)

3. 关于 || 和 && 的返回值

||：逻辑或，一个为真即为真；

&&：逻辑与，两个都为真才为真，也可以说一个为假即为假；

很明确，然而很多时候放到语句中，我们会搞不清它们的返回值，请看图：





自行体会以上简单例子，判断它们的返回值是这样子的：

先把前后两个值转换为boolean类型

|| 返回第一个为真的选项，如果都为假，返回最后一个

&& 返回第一个为假的选项，如果都为真，返回最后一个

4. javascript 获取 Dom 元素非行内样式

<div id='father' nav='bar' style='width:200px'></div>

以此 div 为例，我们可以这样子操作它的属性：

var div = document.getElementById('father');
//操作属性
div.nav='son';
div.getAttribute('nav');
div.setAttribute('nav','son');
//操作行内样式
div.style.cssText; -- 得到行内style的文本内容
div.style.width = '250px';

然而我们想要得到写在 css 样式表中的关于 div 的样式，有如下方法：

window.getComputedStyle(div,null)['background'] ;      (IE)div.currentStyle.background