week1.1基本数据类型——每天一个JS小总结

 

---

 

JS语法规范

1.严格区分大小写

2.结构性缩进

3.一行一条语句，并且分号结尾

编译器vscode下载beautify可格式化代码

变量

1.定义：在内存中开辟出一块空白的空间用于存储数据

2.变量的命名规范：

2.1 变量名也叫标识符

2.2 只能由数字、字母、下划线和$符组成，不能以数字开头

2.3 不可以使用JS中的关键字和保留字

关键字：有特殊含义的单词。保留字：还没被JS使用，但是将来可能会被使用

2.4 严格区分大小写

2.5 命名：驼峰命名：myClassName； 下划线命名：my_class_name

3.变量的三种声明方式：

3.1 先声明再赋值

var num1;
num1 = 19;

3.2 边声明边赋值

   var num1 = 19;

3.3 不声明直接赋值(不推荐)

  num1 = 10;

4.五种基本数据类型：

4.1 number：数字 1，2，3，在控制台打印一般是蓝色字体

4.2 string：字符串 “tt”,'tt',在控制台打印一般黑色字体

4.3 boolean：布尔 true、false，数字除了0是false，剩下都是true

4.4 undefined:未定义，特指变量声明后没有赋值

4.5 null ：空，没有值

4.6 判断：typeof

    console.log(typeof(1)); //number
    console.log(typeof("1"));//string
    console.log(typeof("name"));//string
    console.log(typeof(1 >2));//判断为假，类型为boolean
    console.log(typeof(age));//age未定义，类型为ndefined

运算符

5.1 赋值运算符 =

5.2 算术运算符 + ,- ,* ,% ,/,NaN

5.3 比较运算符 >, < , >=, <=, ==, ===, != , !===

5.4 逻辑运算符 ||，&&，！

5.5 自增自减运算符 i++，i-- ， ++i， --i

5.6 三元运算符 条件? 表达式一：表达式二

//     5.1  赋值运算符 =
        var a = 1;
        var b;
        b = a;//a赋值b
        console.log(a); //1
        console.log(b); //1
        console.log(a===b); //true
        console.log('==========================');
// •    5.2 算术运算符 + ,- ,* ,% ,/,NaN
        // NaN表示数字的一种不正常状态，Not a Number，和任何数据都不想等，包括自身
        console.log(2+3);   //5
        console.log(2-3);   //-1
        console.log(2*3);   //6
        console.log(2%3);   //2,%是取余
        console.log(2/3);   //0.666666666
        console.log(2-"name");   //NaN
        console.log(2-"name" === 2-"name");   //false
        console.log(2+"name");   //2name,
        console.log('==========================');
// •    5.3 比较运算符 >, < , >=, <=, ==, ===, != , !===
        // ==只比较值是否相等，===值和数据类型都要相等
        // !=只比较值是否不等，！==值和数据类型都要不相等
        var n1 = 10;
        var n2 = 20;
        var n3 = 20;
        console.log(n1<n2, n1>n2, n1<=n2, n2>=n3); //true false true true
        console.log( n1 == n2 , n2 == '20' , n2 === '20'); //false true false
        console.log(n2 != 20 ,  n2 !== '20' );  //false true
        console.log('==========================');
// •    5.4 逻辑运算符 ||(或)，&&（与），！（非）
        console.log(n1 < n2 || n1 > n2);    //true
        console.log(n1 < n2 && n1 >n2);     //false
        console.log( !(n1<n2));             //false
        // 逻辑中断：
        // ||当第一个值为真时，返回第一个值，第一个值为假时返回第二个值
        //  && 当第一个值为真时,直接返回第二个值,当第一个值为假时,返回第一个值
        var c = 10 || 20;
        var d = 10  && 20;
        console.log(c);
        console.log(d);
        console.log('==========================');
// •    5.5 自增自减运算符 i++，i-- ， ++i， --i
        // i++,先使用i,再自增
        // ++i,先自增,再使用i       
        var num1 = 10;
        var result = num1 + num1++ + ++num1*3 - num1-- - --num1 - ++num1;
                    // 10       10        12*3      12      10        11
        console.log(result) //23
        console.log('==========================');
// •    5.6 三元运算符   条件? 表达式一：表达式二
        var e = 1;
        var f = 2;
        var max = e > f ? "e比较大" : "f比较大"
        console.log(max)    //f比较大

练习：

练习:让用户输入三个数字,求最大值和最小值

var n1 = +prompt("请输入第一个数字");

var n2 = +prompt("请输入第二个数字");

var n3 = +prompt("请输入第三个数字");

var max;

max =？？？？在这里输入代码

alert("最大值:"+max)

答案：

max = n1>n2 ? n1>n3?n1:n3 : n2>n3?n2:n3;