javascript入门学习笔记2

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

实例

var x                // x 为 undefined

var x = 6;           // x 为数字

var x = "Bill";      // x 为字符串

JavaScript 数组

下面的代码创建名为 cars 的数组：

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

或者 (literal array):

实例

var cars=["Audi","BMW","Volvo"];

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};

上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行：

<!DOCTYPE html>

<html>

<body>

<script>

var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

document.write(person.lastname + "<br />");

document.write(person["lastname"] + "<br />");

</script>

</body>

</html>

结果：

Gates
Gates

申明后默认Undefined

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

声明变量类型

当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。

你也可以创建自己的对象。

本例创建名为 "person" 的对象，并为其添加了四个属性：

<!DOCTYPE html>

<html>

<body>

<script>

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

document.write(person.firstname + " is " + person.age + " years old.");

</script>

</body>

</html>

var message="Hello world!";

var x=message.toUpperCase();

申明函数，关键词 function 必须是小写的

如果把数字与字符串相加，结果将成为字符串。
给x=5

===

全等（值和类型）

x===5 为 true；x==="5" 为 false

var time=new Date().getHours();获取当前时间。

var d=new Date().getDay();获取当前星期几（int）（0-6）对应（周日-周6）

try-catch

<!DOCTYPE html>

<html>

<body>

<script>

function myFunction()

{

try

{

var x=document.getElementById("demo").value;

if(x=="")    throw "值为空";

if(isNaN(x)) throw "不是数字";

if(x>10)     throw "太大";

if(x<5)      throw "太小";

}

catch(err)

{

var y=document.getElementById("mess");

y.innerHTML="错误：" + err + "。";

}

}

</script>

<h1>我的第一个 JavaScript 程序</h1>

<p>请输入 5 到 10 之间的数字：</p>

<input id="demo" type="text">

<button type="button" onclick="myFunction()">测试输入值</button>

<p id="mess"></p>

</body>

</html>