javascript 操作符小结

简单总结一下JavaScript的几个操作符: var、 in、 delete、 typeof、 new、 instanceof、void

var

定义变量要使用var操作符，使用var操作符定义的变量将成为该变量的作用域中的局部变量。也就是说，如果在函数中定义一个变量，那么这个变量在函数退出后就会被销毁。

省略var操作符可以定义全局变量，但是不推荐这样的做法。因为在局部作用域中定义的全局变量很难维护。

in

in操作符有两种使用方式：for-in循环及单独使用。单独使用的时候，如果 in操作符能通过右侧的对象访问左侧给定的属性，无论该属性存在实例还是原型，返回true。

例1：

 var a = 10;

 if(a in window) {

     alert(a);  //"10"

 }

例2：

 function fn (){};

 fn.prototype.a = function(){};

 var fn1 = new fn();

 alert("a" in fn1);  // true

delete

delete可以删除对象属性或者数组元素。当删除一个属性的时候，这个属性将不再存在。读取一个不存在的属性将返回 undefined ，但是可以通过in运算符来检测这个属性是否存在对象中。

例1：

 var obj = {x: 1, y: 2};

 delete obj.x;

 alert(obj.x in obj);  //false

 var arr = [1,2,3];

 delete arr[0];

 alert(0 in arr);    //false

 alert(arr.length);  //"3"， 尽管删除了元素， 但是留下了一个“洞”， 数组的长度不变。

delete的操作数应该是一个左值，如果它不是左值，那么delete将不进行任何操作同时返回true; 如果delete删除成功或删除不存在的属性时，会返回true。然而并不是所有属性都可以删除，一些内置核心和客户端属性是不能删除的，用户通过var 语句声明的变量不能删除，通过function语句定义的函数和函数参数也不能删除。

在ECMAScript 5严格模式中，如果delete操作数是非法的，将会抛出一个语法错误异常，在非严格模式下，只会简单的返回false不会报错。

例2：

 var obj = {x: 1, y: 2};

 delete obj.x;  //true

 "x" in obj;    //false

 delete obj.x;  //删除不存在的属性， 返回true

 delete obj;  //不能删除通过var声明的变量， 返回false

             //严格模式下，将抛出异常

 delete 1;  //不是左值， 返回true;

 delete x;  //试图删除它， 在非严格模式下返回 true;

            //严格模式下，抛出异常

在JavaScript中，变量、对象属性、数组元素均是左值。

typeof

typeof操作符可以用来检测变量的类型，对一个值使用typeof可能返回下列某个字符串：

“undefined” — 如果这个值未定义
“boolean” — 如果这个值是布尔值
“string” — 如果这个值是字符串
“number” — 如果这个值是数值
“object” — 如果这个值是对象或null
“function” — 如果这个值是函数

从技术角度讲，函数在ECMAScript中是对象，不是一种数据类型。然而，函数也确实有一些特殊的属性，因此通过typeof操作符来区分函数和其他对象是有必要的

要检测一个变量是不是基本数据类型，typeof操作符是最佳的工具。但在检测引用数据类型的值时，这个操作符的用处不大。通常我们并不想知道某个值是对象，而是想知道它是什么类型的对象，为此使用 instaceof操作符比较适合。 instanceof操作符在下边会有介绍。

关于数据类型的可以参考：变量、基本数据类型

new

new操作符用来创建实例。任何函数，只要通过new操作符来调用，那它就可以作为构造函数；而任何函数，如果不通过new操作符来调用，那它跟普通函数就没有什么两样。

使用new操作符调用构造函数实际上会经历一下4个步骤：

创建一个新对象
将构造函数的作用域赋给新对象（因此this就指向了这个新对象）
执行构造函数中的代码（为这个新对象添加属性）
返回新对象

instanceof

instanceof可以确定对象的类型，如果左侧的对象是右侧类型的实例(这个判断也会包括对“父类”的检测)，那么instanceof操作符就会返回true。

例1：

 var arr = new Array();

 var reg = new RegExp();

 alert(arr instanceof Array);      //true

 alert(reg instanceof RegExp);     //true

 alert(arr instanceof Object);      //true

 alert(reg instanceof Object);     //true

根据规定，所有引用类型的值都是Object的实例。因此，在检测一个引用类型值和Object构造函数时，instanceof操作符始终返回true。如果用instanceof检测基本类型的值，始终会返回false，因为基本类型不是对象。

例2：

 function fn(){};

 function fnSub() {};

 fnSub.prototype = new fn();

 var fn1 = new fnSub();

 alert(fn1 instanceof Object);  //true

 alert(fn1 instanceof fn);      //true

 alert(fn1 instanceof fnSub);   //true

在这个例子中，我们可以说fn1是Object、fn、fnSub任何一个类型的实例，因此测试这三个构造函数都返回了true。

void

void的操作数可以是任意值，这个运算符不经常使用，操作数会照常计算，但忽略其计算结果并返回 undefined 。

void最常用在客户端URL — javascript:URL 中，让URL中可以写有副作用的表达式，而浏览器不必显示表达式的计算结果。

例1：

 <a href="javascript:window.open()">click</a>

 <a href="javascript:void window.open()">click</a>

例2：

 <a href="#">click</a>

 <a href="javascript:void #">click</a>

使用void操作符返回undefined，所以点击过页面会定位在原来的位置。

通过添加 #+锚名称至URL末端的方式访问锚点，假如浏览器找不到该锚点，就会定位到文档的顶端