基本格式已省略，直接列出代码部分
1.变量类型
<body>
<script>
//定义变量
var x=;
var y=;
var z=x+y;
document.write(x);
document.write(y + "<br>");
document.write(z + "<br>");
</script>
<script>
//可以用逗号且分行声明(一行也可以)
//使用单双引号，该值会被作为文本来处理
var pi=,
var name="Nice",
var Name='nice';
</script>
<button type="button" onclick="myFun()">click</button>
<p id="demo"></p>
<script>
//先声明再赋值
var a; //此时 a 的值为undefined
a="red";
var a; //此时 a 的值依旧是red
//创建了名为 b 的变量，
//并向其赋值 "blue"，
//然后把它放入 id="demo" 的 HTML 段落中
function myFun()
{
var b="blue";
document.getElementById("demo").innerHTML=b;
}
</script>
<!-- JS的算数 -->
<p>假设 x=2,计算 y=x+3 的值.</p>
<button type="button" onclick="MyFun()">click</button>
<p id="Demo"></p>
<script>
function MyFun()
{
var x=;
var y=x+;
var d=document.getElementById("Demo");
d.innerHTML="y=" + y;
}
</script>
</body>
2.数据类型
<body>
<script>
//实例
var a1; //a1为undefined
var a2=null; //a2为null
/*
undefined这个值表示变量不含有值
null为清空，可以通过将变量的值为null来清空变量
*/
var b1="hello 'world'";
var b2='hello "world"';
var c1=;
var c2=;
var d1=; //科学计数法，12300000
var d2=; //0.00123
var bool1=true; //布尔
var bool2=false;
var Pets1=new Array(); //数组
Pets1[]="dog";
Pets1[]="cat";
Pets1[]="pig";
//condensed array
var Pets2=new Array("dog","cat","pig");
//literal array
var Pets3=["dog","cat","pig"];
</script>
<script>
//JS对象
/*
对象由花括号分隔。在括号内部，
对象的属性以名称和值对的形式 (name : value) 来定义。
属性由逗号分隔
*/
var person={name:"Tom",sex:"man",id:};
//回车折行无所谓
var person={
name:"Tom";
sex:"man";
id:;
};
//对象属性的两种寻址方式
name = person.name;
name = person["name"];
</script>
<script>
//声明变量类型
//JS变量均为对象，当你声明一个变量时，就创建一个新的对象
var str = new String;
var num = new Number;
var boo = new Boolean;
var arr = new Array;
var obj = new Object;
</script>
</body>
![主流浏览器四大综合性能测试[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)