javascript 02

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; //12300000
     var 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++); //100
  alert(num1);  //101
  alert(++num1); //101
  alert(num1);  //101

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

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

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

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

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

  var num1 = 120;
     var num2 = 100;
alert(num1 > num2); //true
       alert(num1 < num2);  //flase
           alert(num1 >= num2);  //true
          alert(num1 <= num2); //flase
           alert(num1 == num2); //flase
            alert(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);  //true
          alert(true || true);  //true

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

alert(true && flase);  //flase           
            alert(flase && true);  //flase
            alert(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); //number

            var str1 = "hello";
            //alert(typeof str1); //string

            var boo = false;
            // alert(typeof boo)   //boolean

            var nul = null;
            //alert(typeof nul)  //object

            var un;
            //alert(typeof un);  //undefined

            var student = { name: "zhangsan" };
            //alert(typeof student) //object

            var arr = ["zhangsan", "lisi"];
            //alert(typeof arr) //object

            var fun = function test1() {
                alert("test1函数");
            }

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值