javascript入門學習筆記2

時間 2019-11-18

原文原文鏈接

JavaScript 擁有動態類型。這意味着相同的變量可用做不一樣的類型：html

實例

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) 來定義。屬性由逗號分隔：spa

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

上面例子中的對象 (person) 有三個屬性：firstname、lastname 以及 id。code

空格和折行可有可無。聲明可橫跨多行：htm

<!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
Gatesblog

申明後默認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

===

全等（值和類型）

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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。