美文网首页
JavaScript基础

JavaScript基础

作者: 橙赎 | 来源:发表于2019-11-21 19:31 被阅读0次

    一、JS简介

    JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    二、JS基本语法

    2.1变量与常量

    常量:值不变的量,只能被赋值一次。
    变量:值可以变化的量,可多次赋值。
    在老版本中申明常量和变量的关键词都是var,在es6的新语法中则是分开申明,申明常量是const,申明变量是let。而用const申明的量去改变它的值就会报错,例如:

    const a = 23;
    a = a + 23;
    
    运行结果: image.png

    2.2数据类型

    JavaScript数据类型有2大分类:一是“基本数据类型”,二是“特殊数据类型”。
    其中,基本数据类型包括以下3种:
    (1)数字型(number型)
    (2)字符串型(string型)
    (3)布尔型(boolean型)

            let a = 23; //数字型
            let a = "23"; //字符串型
            let b = true; //布尔型 结果只有true和false
    

    特殊数据类型有3种:
    (1)空值(null型)
    (2)未定义值(undefined型)
    (3)转义字符

    let a = null;
    let a = undefined;
    "a" + "c" + "b" //结果为abc
    

    2.3运算符

    JavaScript的运算符按运算符类型可以分为以下5种:
    (1)算术运算符:+ - * / % ++ --
    (2)比较运算符:> < >= <= = !=
    (3)赋值运算符:举例:let age = 23;
    (4)逻辑运算符:&& || !,结果为true或者false
    (5)条件运算符:语法condition ? exprIfTrue : exprIfFalse
    条件运算符是 JavaScript 仅有的使用三个操作数的运算符。一个条件后面会跟一个问号(?),如果条件为true则问号后面的表达式A将会执行;表达式A后面跟着一个冒号(:),如果条件为false,则冒号后面的表达式B将会执行。本运算符经常作为if语句的简捷形式来使用。

    2.4类型转换

    1、字符串型转换为数值型
    在JavaScript中,将字符串型数据转换为数值型数据有parseInt()和parseFloat()这2种方法。其中,parseInt()可以将字符串转换为整型数据;parseFloat()可以将字符串转换为浮点型数据。
    语法:

    parseInt()  //将字符串型转换为整型
    parseFloat()  //将字符串型转换为浮点型
    2、数值型转换为字符串型
    在JavaScript中,将数值型数据(整型或浮点型)转换为字符串,都是使用toString()方法。
    语法:    
    .toString() 
    

    3流程控制语句

    3.1 if条件语句

    举例:比较三个数大小

    let a = 90;
            let b = 110;
            let c = 60;
            let max = 0;
            if (a > b) {
                max = a;
                if (max < c) {
                    max = c;
                }
            } else {
                max = b;
                if (max < c) {
                    max = c;
                }
            }
            console.log(max);
    

    3.2多分支

       let score = 95;
            let a = score / 10;
            let b = parseInt(a);
            switch (b) {
                case 9:
                    console.log("成绩为A");
                    break;
                case 8:
                    console.log("成绩为B");
                    break;
                case 7:
                    console.log("成绩为C");
                    break;
                case 6:
                    console.log("成绩为D");
                    break;
                default:
                    console.log("成绩为不及格");
                    break;
            }
    

    3.3跳转语句

    continue;//结束当前循环
    break;//结束循环
    

    相关文章

      网友评论

          本文标题:JavaScript基础

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