javascript 冒号使用说明

JavaScript中冒号(:)是做什么的？你可能经常看到这的写法：

<div onclick="javascript:alert('test')">test</div>

你可能很习惯认为这是一个伪协议，意思是使用JavaScript语法解析后面的代码，在a标签的href中才是伪协议！那么如果这个代码变成这样呢：

<div onclick="xxoo:alert('test')">test</div>

你可以试试，代码并不会出错，因为在JavaScript中这样的写法是合法的。其语法是：

labelName:statement

实际上，在onclick或onmouseover这样的属性的值是一段JavaScript代码片段，因此刚才的代码也是合法的，可执行的。

在JavaScript中，我们常见的使用冒号(:)的情况有：

1、switch语句分支 
2、?:三元表达式的false 
3、声明对象直接量的成员 
4、声明标签 

 

对象直接量我们也经常用，什么是对象直接量呢？ 
对象直接量（也称为对象初始化程序）是由一个列表构成的，这个列表的元素是用冒号分隔的属性/值对，元素之间用逗号隔开了，整个列表包含在花括号之中。 
javascript中的对象可以像C#、JAVA这些面向对象的语言中的对象一样，拥有属性和方法。 
我们创建javascript对象有很多种方法,例如，你可以用Object创建， 

var obj1 = new Object(); 
obj1.X = "20px"; 
obj1.Y = "30px"; 
obj1.myFunction = function() { alert("我是一个方法！"); }; 
obj1.myFunction(); 

用对象直接量创建一个对象: 

var obj2={
X:"20px",
Y:"30px",
myFunction:function(){alert("我是一个方法！");}
} 
obj2.myFunction(); 

当然你也可以先写个类似Class类的东西然后用构造函数创建： 

function myClass(x, y) { 
this.X = x; 
this.Y = y; 
} 
myClass.prototype.myFunction=function(){ 
alert("我是一个方法！"); 
} 
var obj3 = new myClass("20px", "30px"); 
obj3.myFunction();