JavarScript基础知识汇总

264 阅读3分钟

输出语句1 : 在网页弹出一个提示框,输出数据

//输出语句1:弹出一个提示框,通常用于提示用户,也可以用于调试
alert("hello world");

输出语句2:在控制台打印某个数据

//输出语句2:打印某个数据的值,查看数据是否成功
//这个写法不是给用户看的,而是给程序员自己调试看的
console.log("后台输出语句");

输出语句3:将数据显示到网页

//输出语句3:将数据显示到网页,相当于给body添加内容
document.write("这是一个输出语句");

输入语句1:在网页弹出一个输入框,让用户输入数据

//输入语句1:弹出一个输入框,可以用来输入数据
prompt("这是一个输入语句");

输入语句2:在网页弹出一个确认框,让用户输入 确认/取消 二选一

//输入语句2:在网页弹出一个确认框,让用户输入 确认/取消 二选一
confirm("选确定还是取消?");

数据类型

 console.log( typeof 123 )//'number'
        console.log( typeof '123' )//'string'
        console.log( typeof true )//'boolean'
        console.log( typeof undefined )//'undefined'
        console.log( typeof null )//'object'

赋值运算符

 /*赋值运算符 
   =  +=  -=  *=  /=   %=
   */

   //+=
   let num1 = 10;
   num1 += 10;//这行代码相当于 num1 = num1 + 10 的简写形式
   console.log ( num1 );//20
   //-=
   let num2 = 70;
   num2 -= 10; //相当于  num2 = num2 - 10;
   console.log(num2);//60
   //*=
   let num3 = 20;
   num3  *=  4;  //相当于  num3 = num3 * 4;
   console.log(num3);//80
   // /=
   let num4 = 90;
   num4 /= 3;//相当于 num4 = num4 / 3
   console.log(num4);//30

   let num5 = 10;
   num5 %= 3; // num5 = num5 % 3;
   console.log(num5);//1

逻辑运算符

  /* 
        0.关系运算符:某种条件的关系(成立/不成立),例如我的年龄大于你的年龄30>20
        1.逻辑运算符:多个条件之间的关系
        2.逻辑运算符只有三种
            * && :逻辑与 ,读作并且
            * || :逻辑或,读作或者
            * !  :逻辑非,读作取反
                * true(真)变false(假),false(假)变true(真)
     * 3.逻辑表达式: 表达式1 逻辑运算符 表达式2 
     */

    //1.逻辑与&&结果: 一假为假     (左右两边同时成立,才为真,否则为假)
    //表达式1    &&  表达式2       运算结果
    //真              真             真
    //真              假             假
    //假              真             假
    //假              假             假
    console.log ( 100 > 50 && 10 > 9 );//true  左右两边同时成立
    console.log ( 100 > 500 && 10 > 9 );//false   因为左边不成立

    //普通丈母娘找女婿 :  有房 有车 有存款     三个条件都要满足,缺一不可    



    //2.逻辑或 ||结果 : 一真则真  (左右两边同时为假,才为假,否则为真)
    //表达式1    ||  表达式2    运算结果
    //真               真         真
    //真               假         真
    //假               真         真
    //假               假         假

    console.log ( 100 > 500 || 10 > 9 );//true  只要有一边为真则为真
    console.log ( 100 > 500 || 8 > 9 );//false 只有两边都不成立才为假

    //我的丈母娘找女婿 : 要么有房 要么有车 要么有存款   三个条件满足任何一个即可
    
    //3.逻辑非! : 又叫做取反  真变假 假变真
    //    !    表达式   结果
    //           假       真
    //           真       假
    let res = !false;
    console.log ( res );//true  假变真,真变假
    console.log ( ! ( 2 > 1 ) );//false     2>1的结果是true    与true相反的就是false

    //有的丈母娘找女婿 :只要不是外地的。   `非xxxx`类似于一种否定逻辑