1. JavaScript 变量

变量是用于存储数据/信息的“容器”。

在程序运行的过程中可以随时改变变量中存储的数据

通过var 关键字声明（创建）定义 javascript 变量

格式： var 变量名称；

 var num1;

声明变量之后，该变量是空的（它没有值）。

如果我们需要给这个变量保存信息/数据，就需要给变量赋值

如果向变量赋值，请使用等号。

 格式： 变量名称=数据；

 num1 = 100;alert("numl==" + num1); //num1==100

你也可以在声明变量时对其赋值

var num2 = 200;

一个语句，多个变量，该语句以var 开头，并使用逗号分隔变量即可。

 var test1, test2, test3;

可以逐个为声明的变量赋值

 test1 = "hello";test2 = 1001;test3 = "西安";

一条语句，定义多个变量，在定义变量的时候可以赋值

var name = "zhangsan", age = 23, address = "西安";
alert(name + "," + age + "," + address)

关于变量名称的命名

1. 可以是数字，字母，$，_，不能用数字开头

2. $, _, 可以作为开头，单不推荐使用

 3. 变量名称对大小写敏感（y和Y是不同的变量）

 var y;  var Y;

4. 不能使用关键字

关键字是javascript语言为一个单词赋予特殊的含义，这些赋予特殊的含义的单词就是关键字

 5. 不能使用中文

 6. 全字母小写，如果有多个单词组成可以用

2.  JavaScript 数据类型

数据类型实际上是用来决定所定义的变量将来所能进行那些操作。

javascript 中的数据类型有2大类：值类型(基本类型)和引用数据类型

 2.1 值类型（基本类型）

字符串（String）、数字（Number）、布尔（Boolean）、空（Null）、未定义（Undefined）、Symbol[ES6]

（1）字符串（String）

   字符串是存储字符（比如"hello"）的变量。

 字符串可以是引号['' / ""]中的任意文本。

  var str1 = "hello";
var str2 = 'wangxing';

双引号中的双引号用单引号代替

  var str2 = "hello'wangxing' ";

（2）javascript 数字

     javascript 只有一种数字类型。数字可以带小数点，也可以不带。

 var num1 = 12.5;
var num2 = 123;

  极小或极大的数字可以通过科学（指数）计数法书写。

  var y = 123e5; //12300000var z = 123e-5;//0.00123

“0”开头的是8进制    "0x"开头的是16进制

    var num3 = 010;  //8

（3）JavaScript 布尔

 布尔（逻辑）只能有2个值：ture或false 。布尔常用在条件判断中。

 var b1 = true;var b2 = false;

（4）null

在javascript中 null表示 "什么都没有"。

null 是一个只有一个值的特殊类型。表示一个空对象引用。

 var test = null;alert(test);

（5）undefined---为赋值【未定义】

     var a;alert(a);

2.2引用数据类型

引用数据类型：对象（object）、数组（Array）、函数（Function）。

 （1） javascript 对象

      对象由{} 表示

      {}内部可以出现2种元素

     1. 属性--属性名称：属性值，属性与属性之间/属性与方法之间使用","分割

     2. 方法--方法名称：function(){},方法与方法之间/方法与属性之间使用","分割

  var student = {name: "zhangsan", age: 23, address: "西安", getInfo: function () {alert("我是student对象的一个方法");}}

 对象中的属性访问

 1. 得到对象中的属性值

格式：对象名称.属性名称 /  对象名称["属性名称"]

alert(student.name);alert(student["name"]);

2. 修改对象中的属性值

  格式： 对象名称.属性名称=新值

student.name = "lisi";
alert(student.name);

3. 调用对象中的方法

格式：对象名称.方法名称()

student.getInfo();

（2） 数组(Array)

   数组--一组数组。使用一个变量来保存一组数据

      "zhangsan"  23   "西安"

   下面使用对象保存一组数据

   var obj = { name: "zhangsan", age: 23, address: "西安" }

 创建数组

 1.先创建后赋值

var arr1 = new Array();

 向数组中赋值，数组名称[下标]=数据值;

 []--数组的标志

下标--数据值在数据中的位置，从0开始

    arr1[0] = "zhangsan";
arr1[1] = 23;arr1[2] = "西安";

  2.创建+赋值

 格式1：var 数组名称 = new Array("数据值1", 数据值2, "数据值3");

 var arr2 = new Array("zhangsan", 23, "西安");

  格式2： var 数组名称 = ["数据值1",数据值2，"数据值3"]

  var arr3 = ["zhangsan", 23, "西安"];

  3. 取出数组中的数据值

   格式：数组名称[下标]

alert(arr1[0] + "," + arr2[1] + "," + arr3[2]);

 数组的 length属性--得到数组中的元素个数

alert(arr1.length);

（3）函数(Function)--实现某一功能的代码块

    格式: function 函数名称（参数列表）{ 函数体[teturn XXXX] }

 function--声明函数的关键词

函数名称的规则

  1.可以是数字，字母，$ , _ ,不能用数字开头

  2.  $ , _ 可以作为开头，单不推荐使用

  3.函数名称对大小写敏感

  4.不能使用关键字

       关键字是javascript语言为一个单词赋予特殊的含义，这些赋予特殊的含义的单词就是关键字

 5.不要用中文

 6.全字母小写，如果有多个单词组成可以用$ , _ ,连接

 ()--参数列表

 参数--接收函数之外的数据进入本函数中进行运算【帮手】

 没有参数--（）

 有1个参数-- -（变量名称）

  有多个参数-- -（变量名称，变量名称，变量名称）

  {}--函数体包含的是具体功能实现的代码

  [return xxxx]-- 函数的执行结果，有结果就写在函数体的最后一行，没有结果就不写

  1.没有参数，没有返回值的函数

    function test1() {alert("没有参数，没有返回值的函数");}

 2.有一个参数，没有返回值的函数

 function test2(num) {alert("有一个参数，没有返回值的函数");}

  3.有多个参数，没有返回值的函数

 function test3(num1, num2, num3) {alert("有多个参数，没有返回值的函数");}

  4.没有参数，有返回值的函数

 function test4() {alert("没有参数，有返回值的函数");return "返回值";}

  5.有参数，有返回值的函数

 function test5(num1, num2) {alert("有多个参数，有返回值的函数，参数是==" + num1 + "," + num2);return "返回值";}

函数的调用--在需要使用函数的地方直接写函数名称([参数列表]);

   1. 调用没有参数，没有返回值的函数

test1();

 2.调用有参数，没有返回值的函数

test3("zhangsan", 23, "西安");

 3.调用没有参数，有返回值的函数，接收函数的返回值结果

 var res = test4();alert("test4的运行结果==" + res);

4.有参数，返回值的函数

 var res = test5("hello", "网星");alert("test5的运行结果===" + res);

3. 变量与函数的关系

3.1局部变量

   在javascript 函数内部声明的变量（使用var）是局部变量

   所以只能在函数内部访问它。(给变量的作用域是局部的)。

  function test1() {var name = "zhangsan";alert("局部变量==" + name);}//调用函数test1()

function test2() {alert("局部变量==" + name);}test2()   无法访问test1中的name ,因为只能在函数内部访问

局部变量会在函数运行以后被删除。

3.2全局 JavaScript 变量

     在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

 var name = "zhangsan";function test1() {// alert("全部变量==" + name);}function test2() {// alert("全部变量==" + name);}// test1()// test2()

全局变量会在页面关闭后被删除。

 如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

str = "hello";//此时变量属性window对象的一个属性// alert(window.str);alert(str);

JavaScript 作用域

 作用域是指定义的变量的有效范围

  局部变量：只能在函数内部访问。

 全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

4. JavaScript 运算符

4.1JavaScript 算术运算符 [+  -  *  /  %  ++  --]

   +  用于把文本值或字符串变量加起来（连接起来）。

     var str1 = "hello";var str2 = "网星";alert(str1 + str2);

两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串.

  var num1 = 100;alert(str1 + num1); //hello100

++  [自动加1]  【变量++  先用后加1】  【++变量  先加1后用】

alert(num1++); //100alert(num1);  //101alert(++num1); //101alert(num1);  //101

  -- [自动减1] 【变量--  先用后减1】  【--变量  先减1后用】

 alert(num1--);  //100alert(num1); //99alert(--num1);  //99alert(num1);//99

4.2JavaScript比较运算符 [>  <  >=  <=  ==  ===  !=]

      比较运算符在逻辑语句中使用，以测定变量或值是否相等。

     运算结果是boolean值【true [正确] / false[错误]】

  var num1 = 120;var num2 = 100;

alert(num1 > num2); //truealert(num1 < num2);  //flasealert(num1 >= num2);  //truealert(num1 <= num2); //flasealert(num1 == num2); //flasealert(num1 != num2); //true    !=不等于

 ==与===

 ==判断数据值是否相等

var test1 = 100;var test2 = "100";alert(test1 == test2); //true

 === 判断数据值与数据类型是否相等

  alert(test1 === test2); //flase

4.3 JavaScrip逻辑运算符 [||  &&  !]

   总结：||---左右都为flase的结果都为flase,其余都为true    ||:逻辑或

alert(true || flase);  //true           alert(flase || true);  //truealert(true || true);  //true

 总结： && --- 左右都为true是结果为true,其他都是false     &&：逻辑与

alert(true && flase);  //flase           alert(flase && true);  //flasealert(true && true);  //true

参与运算的数据都是boolean,运算结果是boolean值【true [正确] / false[错误]】

4.4 javascript 条件运算符

          格式： var res = (表达式) ？value1: valu2;

        判断表达式的结果   1.true--value1数据值赋值给res

                                2. flase--value2 数据赋值给res

 var testvalue = (12 > 3) ? "大于" : "小于";//alert(testvalue);  //大于

4.5 typeof 操作符--检测变量的数据类型

 var num1 = 12.5;//alert(typeof num1); //numbervar str1 = "hello";//alert(typeof str1); //stringvar boo = false;// alert(typeof boo)   //booleanvar nul = null;//alert(typeof nul)  //objectvar un;//alert(typeof un);  //undefinedvar student = { name: "zhangsan" };//alert(typeof student) //objectvar arr = ["zhangsan", "lisi"];//alert(typeof arr) //objectvar fun = function test1() {alert("test1函数");}

 总结：null,对象，数组都是object 类型