javaScript對象變量1

JavaScript

概述

1.是一種腳本語言，也是一種弱類型的語言
2.由瀏覽器解釋執行
3.處理網頁交互效果
4.實現表單驗證、設置網頁的動態效果
5.BOM DOM ECMAScript（核心）

組成部分

名稱	內容
ECMAScript	描述了語言的語法和基本對象
DOM（文檔對象模型）	操作HTML document
BOM（瀏覽器對象模型）	操作瀏覽器 window

數據類型—7種

類型	名稱
number	數值型：不區分整型和浮點型數值
boolean	布爾型
string	字符串
undefined	undefined(沒有定義)
null	null(沒有賦值)
object	對象類型
array	數組

腳本語言

    腳本語言是爲了縮短傳統的編寫-編譯-鏈接-運行(edit-compile-link-run)過程而創建的計算機編程語言。
    1、腳本語言(JavaScript，VBscript等)介於HTML和C,C++,Java,C#等編程語言之間。
     　HTML通常用於格式化和鏈接文本。而編程語言通常用於向機器發出一系列複雜的指令。
    2、腳本語言與編程語言也有很多相似地方，其函數與編程語言比較相像一些,其也涉及到變量。
       與編程語言之間最大的區別是編程語言的語法和規則更爲嚴格和複雜一些.
    3、與程序代碼的關係：腳本也是一種語言，其同樣由程序代碼組成。
    4、腳本語言是一種解釋性的語言,例如Python、vbscript,javascript等等,它不像其他語言可以編譯成二進制代碼,
       以可執行文件的形式存在，腳本語言不需要編譯，可以直接用，由解釋器來負責解釋。
    5、腳本語言一般都是以文本形式存在,類似於一種命令。

      優點：
      快速開發：腳本語言極大地簡化了“開發、部署、測試和調試”的週期過程。
      容易部署:大多數腳本語言都能夠隨時部署，而不需要耗時的編譯/打包過程。

    JavaScript 是互聯網上最流行的腳本語言，這門語言可用於 HTML 和 web，更可廣泛用於服務器、PC、筆記本電腦、
    平板電腦和智能手機等設備。
    JavaScript 是腳本語言
    JavaScript 是一種輕量級的編程語言。
    JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。

註釋

1. 單行註釋以 // 開頭。
2. 多行註釋以 /* 開始，以 */ 結尾

變量

     <!--
    	變量是一種引用內存位置的容器，用於保存在執行腳本時可以更改的值。
    	變量的命名：
	  	 變量名必須以字母或下劃線 (_) 開頭
  	  	變量名可以包含數字，但是不能以數字開頭
    	由於JavaScript區分大小寫，所以可用的字母包括A到Z（大寫）和a到z（小寫）的字符
    	不能使用JavaScript的關鍵字保留字

    -->
    <!--
       	定義變量、初始化、賦值
        1.定義變量
                       關鍵字:var
                       例:var num;
                       也可以同時聲明多個變量，各個變量之間用逗號隔開。
        2.初始化變量
                      在定義變量的時候，就給值 如：var num=1;
        3.給變量賦值
          (1)定義變量: var username;
          (2)變量賦值: username="張三";
    -->
    <script>
    	// 數值型：不區分整數和浮點數
    	var num = 10;
    	var num1 = 1.1;
    	var num2 = .1;
    	document.write(typeof num+"<br/>");
    	document.write(typeof num1+"<br/>");
    	document.write(num2+"<br/>");
    	// 字符串類型：由Unicode字符、數字、其他符號
    	var str = 'hello';
    	document.write(typeof str + "<br/>");
    	// 布爾類型
    	var b = true;
    	if(b){
    		document.write("yes" + "<br/>");
    	}else{
    		document.write("no" + "<br/>");
    	}
    	document.write(typeof b + "<br/>");
    	var b2 = 1,b3 = 1;
    	if(b2 == 1){
    		b3 += 1;
    	}else{
    		b3 -= 1;
    	}
    	document.write(b3 + "<br/>");
    	// undefined類型:
    	/*1.聲明的變量未初始化的時候,默認值爲undefined
    	2.使用未存在的變量時,值也是undefined
    	3.函數無明確返回值時,返回值也是undefined*/
    	document.write(typeof n + "<br/>");
    	// null類型
    	var n4 = null;
    	document.write(n4 + "<br/>");
    	document.write(typeof n4 + "<br/>");
    	// 對象類型，任意類型都可以成爲對象類型
    	var obj = {name:"張三",age:20};
    	document.write(typeof obj + "<br/>");
    	document.write(obj.name + ":" + obj.age + "<br/>");
    	// 數組類型
    	var arr = ["a","b","c"];
    	for (var a in arr) {
    		document.write(arr[a] + "<br/>");
    	}
    </script>

對象

    <!--在 JavaScript 中，對象是擁有屬性和方法的數據。
        1.屬性和方法
		        屬性是與對象相關的值。
		        方法是能夠在對象上執行的動作。
		        舉例：汽車就是現實生活中的對象。
		        汽車的屬性：名稱、型號、重量、顏色。
		        汽車的方法：啓動、駕駛、剎車。

        2.JavaScript中的對象
		        例:var  message="Hello World!"
		        實際上已經創建了一個JavaScript字符串的對象，字符串對象擁有內建的屬性length。length=5
		        屬性：txt.length=5;
		        方法:txt.indexof()
		       txt.replace()
        3.創建JavaScript對象
          JavaScript 中的幾乎所有事務都是對象：字符串、數字、數組、日期、函數，等等。
    -->
    <script>
    	var message = "china";
    	document.write("字符串長度：" + message.length + "<br/>");
    	//創建對象
    	//1.使用字面量表示法(字面量表示如何表達這個值,一般除去表達式，給變量賦值時,等號右邊都可以認爲字面量）
        //方法：將成員信息寫到{}中,並賦值給一個變量,此時這個變量就是一個對象
     	var person = {}; // 空對象
     	var car = {
     		brand:"奧迪",
     		color:"red",
     		price:50000
     	};
     	var person2 = {
     		name:"張三",
     		age:18,
     		sex:"女",
     		mycar:car, // 對象的屬性可以是對象也可以是方法
     		msg:function(){
     			alert("姓名：" + this.name + "年齡：" + this.age);
     		},
     		sleep:function(){
     			alert("我要睡覺了...");
     		}
     	};
        //可以給對象的成員進行賦值,也可以獲取對象的成員信息。
       	person2.name = "jack";
       	person2.age = 20;
       	person2["sex"] = "男";
       	person2["mycar"].brand = "BMW";
       	document.write(person2.mycar.brand + "<br/>");
       	//調用對象的方法
      	person2.msg();
      	person2.sleep();
        //2.通過構造函數方式創建(使用對象構造器)
        //方法：var obj=new 函數名();
		var person3 = new Object();
		person3.name = "tom";
		person3.age = 18;
		person3.sex = "男";
      	//訪問對象的屬性
      	document.write("姓名："+person3.name+";年齡："+person3.age);
    </script>