javascript語法基礎-變量-數據類型

作者: 魯智深 分類: JAVASCRIPT 發布時間: 2015-12-01 15:53

一、探討

瀏覽器有給html源碼渲染的功能,把HTML源碼在內存中形成一個dom對象,我們通過javasrcipt引擎去操作dom對象,實現網頁特效。

js代碼是由js引擎解析執行的,瀏覽器只是js引擎的一個宿主。

js的宿主不限瀏覽器,也可能是服務器端

javascript和java什么關系?根本沒有關系的。

js也是一種腳本語言,是解釋型語言,也是弱類型語言

解釋執行和編譯執行

解釋執行:逐行翻譯,逐行執行,不生成額外的翻譯的文件

編譯執行:全部翻譯好,生成一個翻譯的文件

二、javascript語法

1、區分大小寫

2、變量弱類型

3、代碼塊用{}

4、注釋和php完全一樣

1
2
單行注釋://
多行注釋:/*XXX*/

5、js語句,結束用分號(;) 除了(for、while、if等)

三、js寫在什么位置

1、在標簽內的動作屬性里面

2、寫在script標簽里面

1
<script>// <![CDATA[js代碼// ]]></script>

3、寫在js文件里面(jsfilename.js),利用js代碼外部引入

1
<script type="text/javascript" src="js文件.js"></script>

四大常用語句:

alert(“字符串”);彈出提示框,可以中斷js代碼執行

document.write(“字符串”);打印字符串

confirm(“提示語”);彈出選擇框,返回值false或ture

prompt(“提示語”);接收用戶的輸入值,返回輸入框里面值

console.log(“提示語””);類似于alert啊,不會打斷操作,需要瀏覽器支持控制臺輸出。

console.log信息

console.log信息

百度招聘廣告……..-_-!

1
2
3
4
5
6
7
8
9
     <script type="text/javascript">
     /*
         alert("魯智深");
         document.write("魯智深");
         confirm("魯智深");
         var name = prompt("誰是魯智深");
         document.write(name);
         */

     </script>

變量:

什么是變量,在內存中臨時存放數據的場所

變量的定義;

語法:var 變量名

說明:一次性可以聲明多個變量,用逗號隔開

例子:var name = “abc”;

1
2
3
4
5
6
7
8
<script type="text/javascript">
/*正確定義js變量*/
var a = 123;
var _a = 123;
var $a = 123;
var $="魯智深";
var 名字="魯智深";//不建議如此使用
</script>

命名規則:

1、不能以數字開頭

2、不要使用js中的關鍵字(if,for ,else等關鍵字)

3、在變量名中不能出現'”(){};特殊符合

4、首字母必須是英文字母或者下劃線或者$

如何賦值:

語法:變量名 = 值

例句:var name;

name = “魯智深”;

使用:var age = 123;

alert(age);

全局變量和局部變量的區別

1
2
3
4
5
6
7
8
9
<script>
        var n = 10;//全局變量 任何地方都可以使用
        function demo(){
               var i = 10;//局部變量,只能在當前函數中使用
               x = 10;//這屬于全局變量,執行demo方法后任何地方都是使用
            }
        demo();
        alert(x);
    </script>

數據類型:

1、基本類型:數值型、字符串、布爾型

2、復合類型:數組、對象、函數

3、特殊:null(空)、undefined(未定義變量)

4、可以通過賦值為null的方式清除變量

1
2
3
4
5
<script>
  var name = "魯智深";
  var name = null;
  alert(name);
</script>

例子:

var int1 = 123;

var float2 = 1.23;

var bool3 = true;

var arr=[1,2,3];//定義了一個索引數組

1
2
3
4
5
6
7
8
9
10
11
/*定義js數組*/
var arr=[1,2,3]
alert(arr[1]);
/*定義js數組二*/
var arr = new Array("holle",1,3,"魯智深");
alert(arr[1]);
/*定義js數組三*/
arr[0] = 1;
arr[1] = "魯智深";
arr[2] = 111;
alert(arr[1]);

var obj={“name”:魯智深};//對象

1
2
3
4
5
6
/*定義一個對象*/
var obj = {"name":"魯智深"};
alert(obj.name);
/*對象拼接*/
var obj = {"name":"魯智深","age":12};
alert(obj.name+obj.age);

function 函數

1
2
3
4
5
6
7
8
9
10
11
12
/*函數*/
function test(){
    alert("我是魯智深");
}
test();
/*函數也可以成為變量*/
function test1(){
return "test";
}
res1 = test1;//沒有()
res2 = res1();//相當于test1()
alert(res2);
1
2
3
4
5
var a=null;
alert(a);//null

var b;
alert(b);//undefined

函數:typeof(變量)//獲取變量的類型

1
2
/*獲取變量的類型*/
alert(typeof(a));

如果覺得我的文章對您有用,請隨意打賞。您的支持將鼓勵我繼續創作!

發表評論

電子郵件地址不會被公開。 必填項已用*標注

中了亿元大奖