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

时间:2020-7-31 作者:admin

 


 

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;

 

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。