1、vs新建步驟

文件——新建項目——web——空web應用程序——取名、位置、確定——此時軟件會自動生成一個sln文件（解決方案），一解決方案下面可以有多個項目。

文件夾所在的位置

點擊項目——右擊新建文件夾css和js和image——新建html頁面取名demo1

（推薦設置：工具——選項——可以設置下字體和顏色；文本編輯器——把常用的幾種語言設上行號顏色提示）

2、什么是js

JavaScript是一種腳本語言，結構簡單，使用方便，其代碼可以直接放入HTML文檔中，可以直接在支持JavaScript的瀏覽器中運行。JavaSript使得網頁的交互性更強，更生動和靈活。當在瀏覽網頁時做了某種操作就產生一個事件，JavaScript所編寫的程序可對相應的事件做出反應。

3、怎么運用js：

首先在html中指定一個事件，然后對這個事件寫js。

如：設置一個按鈕，對點擊按鈕命名一個事件：

<input type="button" value="我是一個按鈕" οnclick="ShowMsg()" />

<input type="button" value="為什么想打人" οnclick=" A()" />

4、如何寫js：

寫js可以在外部js文件寫，也可以直接在head里面寫：

<script type="text/javascript">
　　function ShowMsg()
　　　　{
　　　　alert("這是我的第一個js例子");
　　　　}
</script>

?

<script type="text/javascript">
? ? ? ?function A() {
? ? ? ? alert("因為今天心情糟糕")
? ? ? ?}
</script>

5、命名規范：為了增強代碼的可讀性，讓團隊成員都能看懂，遵循命名規范。

（1）js是區分大小寫的，非常嚴格。

（2）js是弱類型，統一用var聲明變量，如：

整形： var iNum=10;

浮點： var dNum=2.23;

布爾： var bMaie=false;

函數： var myObject=new myFunction();

數組： var aColor=new Array();

字符串： var sMyString="aaaaa";
……

　　*弱類型與強類型：

js是弱類型，只能用var聲明；　　　　　　　　? c#是強類型，用對應類型聲明

弱類型：弱化類型的聲明方式；　　　　　　　　強類型：強調類型的聲明方式

?

弱類型比較方便，但當語句交給瀏覽器時，瀏覽器還是需要去判斷它是哪種變量，執行效率比強類型低。

（3）注釋：

單行注釋：//

多行注釋：/* */

　　（4）var可同時聲明多個變量：

　　　　var girl="aaaa" , age=19 , male=false;

　　（5）js變量不一定需要初始化，可后面用時再賦值：

　　　　var couple;

　　（6）變量名稱規則：

·首字母必須是字母（大小寫均可）、下劃線、或者美元符。

·余下的字母可以是下劃線、美元符、任意字母或數字字符。

·變量名不能含js關鍵字。

?

　　（7）局部變量和全局變量：

全局變量：在{}外聲明的變量，各函數皆可調用；

局部變量：在{}內聲明的變量，只有此函數可用；

（8）命名習慣

整形i：　　 ??var iNum=10;

浮點f：　　 ?var fNum=2.23;

布爾b：　　?var bMaie=false;

函數fn：　　var fnObject=new myFunction();

數組a：　　?var aColor=new Array();??

字符串s：　?var sMyString="aaaaa";

（還有：對象o、正則re，此兩項不常用，知道即可）

?

6、數據類型詳解：

（1）字符串String：

var sMyString="hello world";

*補充：位置/索引：第一個字母從0開始算，依次后延，空格也算，如上面的"hello world",位置8的字母是r

?

【字符串的屬性方法總結】

length 　　　　 獲取字符串長度 　　 　alert(sString.length); 　　 　　 ? ?結果是11

charAt 　　　　獲取指定位置的字符　　alert(sString.charAt(8)); 　　 ? ? ? 結果是r

substring?　　 字符串的截取　　　　　alert(sString.substring(1)); 　 ? ? 從位置1截取到最后。結果是ello world

　　　　　　　　　　　　　　　　　　?alert(sString.substring(1,10)); ? ? 從位置1截取到位置10（不包含10）。結果是ello worl

substr 　　 ? ?? 字符串的截取 　　 ? ? ?alert(sString.substr(1,6)); 　　 ? ? 從位置1開始截取6位出來。結果是ello w

indexOf 　　 ?? 搜某字符位置　　　　 ?alert(sString.indexOf("l")); 　　 ? ?查找出第一個l所在的位置，如沒有則返回-1。結果是2

　　　　　　　　　　　　　　　　　　?alert(sString.indexOf("l",4)); ? ? ? ?從位置4開始，查找出接下來的l所在的位置。結果是9

lastindexOf　　從后往前搜某字符位置 ? 與indexOf雷同

var Myname= "zhou jinyu";

//document.write(Myname.length); ? ? ? ? ? 10?字符串長度?

// document.write(Myname.charAt(0)); ? ? z ? 指定位置字符
//document.write(Myname.substring(5)); ? ?jinyu 從某個位置截取

document.write(Myname.substr(4,10)); ? ?jinyu ?截取一段

document.write(Myname.indexOf("u",5)); ? 9 ? ??從位置5開始，查找出接下來的u所在的位置 。左-右順序

document.write(Myname.lastIndexOf("u",2)); ? 3 ? ? ? ? ?
（2）布爾類型bool：(即真或假，true 或 false)

Var bMale=true;　　 ?? 聲明 bMale 為真；

If(bMale){ 　　　　? ? ? 如果 bMale 為真，

alert("a"); 　　　　 ? ?? 則輸出a；
}

else{ 　　　　　　　　? 否則，

alert("b"); 　　　　　　 則輸出b。

}

所以以上程序輸出a

　　（3）數值、及類型轉換：

?

　　　　a）數值與字符串相加：

var iNum1=10;

var sNum2="20";

var sNum3=iNum1+sNum2;

alert(sNum3);

可把iNum1變成字符串：

var sNum3=iNum1.toString()+sNum2;

alert(sNum3);

也可把sNum2轉成數值：

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

　　　　b）與浮點字符串相加：

var iNum1=10;

var sNum2="20.123";

var sNum3=iNum1+sNum2;

alert(sNum3);

當數值和字符串相加時，把sNum2變成整數：

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

也可把sNum2變成浮點數：

var iNum2=iNum1+parseFloat(sNum2);

alert(iNum2);

　　　　c）類型轉換：

數值轉字符串：var sNum1=iNum1.toString();

字符串轉數值：var iNum2=parseInt(sNum2);

轉浮點：var iNum2=parseFloat(sNum2);

字符串變成數組：var aDate=sMyString.split("-");（var sMyString="2015-07-15";）

　　（4）數組：存放一個數據集合

a）聲明數組的方式：

1、確定數組長度：var aTeam=new Array(12); 數組長度為12

2、不確定數組長度：

var aColor=new Array();

aColor[0]="blue";

aColor[1]="yellow";

aColor[2]="green";

aColor[3]="black";

*上述數組也可寫成：

var aColor=new Array("blue","yellow","green","black");

此時輸出：alert(aColor[3]);

則得到：black

b）toString，數組變成字符串：

alert(aColor.toString());

此時輸出：blue,yellow,green,black

c）join，改連接符：

alert(aColor.join("-").toString());

此時輸出：blue-yellow-green-black

d）split，把字符串變成數組：

var sMyString="2015-07-15";

var aDate=sMyString.split("-");

alert(aDate[2]);

此時輸出為：15

e）reverse，使數組元素反序出現：

var aColor=new Array("blue","yellow","green","black");

alert(aColor.reverse().toString());

此時輸出為：black,green,yellow,blue

f）sort，使數組元素根據a-z順序排序：

var aColor=new Array("blue","yellow","green","black");

alert(aColor.sort().toString());

此時輸出為：black,blue,green,yellow

轉載于:https://www.cnblogs.com/marchtree/p/4663004.html

總結

以上是生活随笔為你收集整理的js 1 声明变量 数据类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。