踏入Web前端之JavaScript學習的第一天

編程語言 JavaScript 教育 宜安 2017-04-07

學習Javascript時,上來就是千篇一律的“helloworld”,其實不然,只是想讓我們知道這個東西是什麼樣子的,怎麼實現的這種功能,其實編程都是一樣的。無非就是以下幾點:

一、首先了解這種語言的歷史,再就是這種語言未來會有什麼樣的發展,當前有多少人在學習與使用。

二、其次瞭解它有基本語法,如javascript它的標籤對是什麼樣的!如:

<script type="text/javascript">

alert("HelloWorld!");

</script

這也是第一個簡單的helloworld!

三、再者我們要知道它有語法規則有哪些,進行深入的學習與探索。

規則有:它對換行,縮進,空格都不敏感,不過每一條語句在末尾都要加上一個分號,這樣是為了後期在壓縮文件時不會出現錯誤。切記所以的符號都是英文的,如括號,分號,引號。

常見的錯誤:不要是script的標籤給寫錯!

四、它的註釋:

在這一塊,反而我覺得很簡單,因為很多的語言都差不多都這種 /* 語句 */ 、// ,這兩種。前一種是多行註釋,第二個是單行註釋

五、在學習JS時出現了一個概念,就是直接量,它也叫做字面量,就是看到什麼,它就是什麼。

六、輸出語句:這裡有兩個,一個是,alert,一個是console.log()

第一個是直接彈出,第二個是在控制檯輸出,這個可以按F12查看的到。

<script type="text/javascript">

alert("HelloWorld!");

console.log("我是在控制檯輸出的!");

</script

踏入Web前端之JavaScript學習的第一天

七、進入到了一個最常見的學習開點,學習變量:

如何定義一個變量,使用,var來定義。

7.1、變量的命名規則:

它只能由英語字母,數字,下劃線,$符號構成,不能用數字開頭,並且不能是javascript的保留字。不用用奇異的符號來命名。

7.2、在使用變量時要明白:如何區分變量和字符串,如:

<script type="text/javascript">

var a = 12;

console.log("a"); //這個是字符串。

console.log(a);// 這個是變量。

</script

7.3、變量的類型:

這裡可以用一個函數來檢測一下,typeof,看一下它是什麼樣的類型,是number還是string的。

<script type="text/javascript">

var a = 12;

console.log(typeof("a"));

console.log(typeof(a));

</script

7.4、+號連接符,什麼時候是連接符,什麼時候是加號。

如果加號的兩邊都是數值,此時是加,否則就是連字符。

<script type="text/javascript">

var a = 12;

console.log("a" + "b");

console.log(a + 12);

</script

7.5、變量的傳遞:傳統意義上的傳值,a = b;就是把b的值傳給a。

7.6、運算符與表達式:數學運算符,邏輯運算符,自增運算符等等……

要記住它的順序優先級,先算乘除,再算加減

7.7、變量的格式化轉化:

<script type="text/javascript">

var a = prompt("請輸入一個數字:");

console.log(a);

</script>

7.8、上面輸出的是一個字符串,在相加時總是相邊,這樣就要我們做一下轉換,把字符串轉換為數字。

方法就是:parseInt();它有一個功能就是自動截取小數的功能,把小數去掉並不四捨五入。

console.log(parseInt("365天,天天發財,1000小時!"))

相關推薦

推薦中...