JS课件1

作者: 蓝钻之魅 | 来源:发表于2017-05-24 14:39 被阅读0次

    变量:用来记录字符,数字以及其他东西的而且表示这些东西的东西


    变量的使用

    1.声明变量

    var a;

    2.赋值变量

    a=3;

    3.使用变量

    alert(a);

    1声明变量和赋值变量可以写在一起,叫做变量的定义

    var a = 10;

    2.使用变量

    alert(2);

    2.1通过控制台打印输出

    console.log(a);

    2.2变量定义可以写在一行

    var a = 10, b = 20, c = 30;

    3变量命名

    1.变量命名:从语法意义上的规范:只能以数字.字符下划线以及$符号组成,不能以数字开头,不能喝保留字重名

    2.从形式上:变量是一他的实际意思的英文命名,而且采用驼峰命名法,如果一个变量是由有多个单词组成,那么从第二个单词的第一个字母要大写  eg:lastName

    var a = 10;

    var _= 20;

    var $ = 30;

    var a_3 = 20;

    4.变量的类型

    4.变量的类型

    种类:1.数值 2.字符 3.布尔 4.对象 5.未定义

    //数值

    var num_1 = 20.1;

    var num_2 = 30;

    console.log(typeof num_1);

    console.log(typeof num_2);

    //2.字符:单凡用单引号引起来的都是字符

    var sym_1 = '20';

    var sym_2 = '30';

    console.log(typeof sym_1);

    console.log(typeof sym_2);

    //3.布尔,就是判断值,只有两个值 一个true,一个false

    var flag_1 = true;

    var flag_2 = false;

    console.log(typeof flag_1);

    console.log(typeof flag_2);

    //4.对象类型

    var obj = null;

    console.log(typeof obj);

    //5.未定义类型:凡是系统无法识别的类型就是未定义类型

    var und = undefined;//var und;

    console.log(typeof und);

    5.运算符的认识

    1.运算符:用来连接变量的符号就是运算符

    //种类:1.算术运算符 2.关系运算符 3.逻辑运算符

    2.提升优先级(用括号)

    3.关系运算符(>_<)

    3.1关系运算符的结果都是布尔值

      console.log(num1 < num2);

    3.2>=满足其中一个条件即可

    3.3等于(==)比较的是值相等,全等(===)比较的是值和类型相等

    3.34关系运算符不能连续使用

    4.逻辑运算符的认识 &&, ||, !

    5.数据类型和布尔值之间的转化

    5.1对于数值类型来说,只有0转化成布尔是false

    5.2对于字符类型:只有空字符是false

    5.3对于对象类型如果是空对象,那么他是false

    var obj = null;

    console.log(Boolean(obj))

    5.4未定义类型都是false

    6.布尔类型转化数字

    var flag1 = true;

    var flag2 = false;

    console.log(Number(flag1));

    console.log(Number(flag2));

    //对于布尔类型转化成数值,true对应的是1,false是0

    7.优先级

    算术运算符>关系运算符>逻辑运算符(&&>||)

    8.if

    if{判断条件1  }else{    };

    if{ 判断条件1  }else i{    }else if{    }else{    };

    多重if语句的阻断现象-----对于多重if语句,阻断现象:如果一个条件判断成立,那么后面所有的条件都不会判断执行;

    阻止阻断现象就是直接去掉else--

    -if{  判断条件1  }if{    }else{    };

    9.switch语句

    switch:switch(变量或者值){case '值1':如果符合值1执行代码 break; case '值二':如果值二满足条件就执行代码;break

    //    default:如果都不满足就执行代码

    var weekDay = 0;

    switch (weekDay){case 0:alert('星期日');break;

    case 1:alert('星期一');break;

    default:alert('不是对应的日期');

         };

    10.循环语句

    for(初始化条件;终止条件;变化值){每次循环执行的代码}

    for(var i = 0; i <= 100;i ++){  console.log(year);    }

    //循环的本质:首先根据初始化条件,然后和终止条件判断,如果符合终止条件,就执行大括号中的代码,然后根据变化值让对应的值进行变化,继续和终止条件判断,如果符合就继续执行大括号中的代码,知道终止条件不满足,停止循环

    10.1嵌套if语句

    11.死循环

    for(vari =0;true;i++){console.log(i);}//一般实际开发中不能写死循环

    12.while循环

    while:while(判断条件){如果条件成立就执行这里的代码}

    13.函数的认识

    1.函数:就是一堆代码的集合用来说明某一个功能

    函数使用 1.定义函数 2.调用函数

    1.function 函数名(){

    }

    调用函数(必须回调)eg:函数名()

    2.var 函数名=function(){

    }

    函数名()

    14.函数的参数

    函数的参数:根据实际需求可能在函数中使用的变量

    //函数参数类型:形式参数简称形参:在函数定义的时候放在小括号中的变量就是形式参数

    //实际参数:简称实参:就是在函数调用的时候传入的实际的值

    function sum(a,b) {//a,b是形参,可以是任何值

    alert(a + b);

    }

    sum(1,2);

    15.函数的返回值

    15.1使用return可以把函数的值返回

    15.2在函数中如果使用了return,会直接结束函数,rerun后面的代码都不会执行

    function sum(a,b) {return  a + b;}

    var result = sum(100,100);//2.调用函数

    console.log(result);

    if(result >100) {  alert('你们花费太多' ) }else{  alert ('大家下年继续努力花');}

    16.函数参数传递的时候的一些特点

    函数实参可以和形参不一样,而且可以返回对应的结果,如果实参大于形参,会把对应的多出的参数去掉,显示最终的结果

    function sum(a,b) {

    console.log(sum.length);//形参

    console.log(arguments.length);//实参

    return a + b;

    }

    var result = sum(5,5,6,7);

    console.log(result);

    17.变量

    变量根据位置的分类

    var num1 = 20;

    function showMessage() {  var num1 = 30; console.log(num1);  }

    console.log(num1);//20

       showMessage();//30

    变量根据位置的分类:

    全局变量:定义在函数外面的变量就是全局变量 ;局部变量:定义在函数内部的变量就是局部变量

    //局部变量的作用域:就是只是在函数体的内部起作用

    //全局变量:在页面中都起作用

    变量访问(使用)的原则

    :就近原则,就是如果在函数中访问一个变量,那么会先看函数中有没有定义这个变量,如果有,就访问这个这个变量,如果没有,就去页面中找,如果页面中也没有,就返回没有定义

    变量声明的提升

    如果在函数中访问了一个在函数访问之后定义的变量,那么会把这个变量的声明提升到函数的最前面。

    function showM() {

    var num;//提升

    console.log(num);//undefined;   var num = 100; //本身  console.log(num);//100     }

    showM();

    18.常见数学函数的认识

    1.转化整数的函数

    注意:parseInt会只是截取整数部分,不管小数是什么,都不用管,而且可以截取数值字符,只是截取数值部分其余不管    ------数值字符第一个字符必须是数字

    var num1 = 5.8;

    var num2 = parseInt(num1);

    console.log(num2);//5

    var sym = 'px5';

    console.log(parseInt(sym));//nan

    2.求一个数字的几次方的函数,表示3d的三次方

    var num3 = Math.pow(3,3);

    console.log(num3);//27

    3.求平方根,只是求出正的平方根

    var num4 = Math.sqrt(25);

    console.log(num4);//5

    4.弹出输入框,这个函数会返回输入的内容,这个函数的返回值永远都是字符

    var result =  prompt('请输入内容');

    console.log(result);//null

    console.log(typeof result);//object

    5.四舍五入函数

    var num5 = 4.1;

    console.log(Math.round(num5));//4

    相关文章

      网友评论

          本文标题:JS课件1

          本文链接:https://www.haomeiwen.com/subject/kimnxxtx.html