javaScript对象变量

JavaScript

概述

1.是一种脚本语言，也是一种弱类型的语言
2.由浏览器解释执行
3.处理网页交互效果
4.实现表单验证、设置网页的动态效果
5.BOM DOM ECMAScript（核心）

组成部分

数据类型—7种

脚本语言

脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

1. 脚本语言(JavaScript，VBscript等)介于HTML和C,C++,Java,C#等编程语言之间。HTML通常用于格式化和链接文本。而编程语言通常用于向机器发出一系列复杂的指令。
2. 脚本语言与编程语言也有很多相似地方，其函数与编程语言比较相像一些,其也涉及到变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。
3. 与程序代码的关系：脚本也是一种语言，其同样由程序代码组成。
4. 脚本语言是一种解释性的语言,例如Python、vbscript,javascript等等,它不像其他语言可以编译成二进制代码，以可执行文件的形式存在，脚本语言不需要编译，可以直接用，由解释器来负责解释。
5. 脚本语言一般都是以文本形式存在,类似于一种命令。
6. JavaScript 是脚本语言
7. JavaScript 是一种轻量级的编程语言。
8. JavaScript 是可插入 HTML 页面的编程代码。
9. JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

优点

1. 快速开发：脚本语言极大地简化了“开发、部署、测试和调试”的周期过程。
2. 容易部署：大多数脚本语言都能够随时部署，而不需要耗时的编译/打包过程。

注释

1. 单行注释以 // 开头。
2. 多行注释以 /* 开始，以 */ 结尾

变量

含义

变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值。

变量的命名

1. 变量名必须以字母或下划线 (_) 开头
2. 变量名可以包含数字，但是不能以数字开头
3. 由于JavaScript区分大小写，所以可用的字母包括A到Z（大写）和a到z（小写）的字符
4. 不能使用JavaScript的关键字保留字

定义变量、初始化、赋值

1. 定义变量
   关键字:var,也可以同时声明多个变量，各个变量之间用逗号隔开。EG: 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。
	        属性：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>