首页 网站导航 回忆录 留言板 关于
悬浮目录

· item.c ·

3
3
故人两相望 2022年11月07日

JavaScript的语法

浏览量(380) 评论量(3) 点赞量(3)

JavaScript的使用方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 内嵌式 -->
    <script>
        alert("我是内嵌式的js代码");
    </script>
    <!-- 外链式 -->
    <script src="js/main.js"></script>
    <script>
        fnShow();
    </script>
</head>
<body>
    <!-- 行内式 -->
    <input type="button" value="按钮" onclick="alert('你点我了!')">
</body>
</html>

js变量的定义和数据类型

<script>
    // 定义数字类型的变量
    var iNum1 = 1;
    var fNum1 = 2.5;
    // 定义字符串
    var sName = "李四";
    // 定义boolean类型
    var bIsOk = true;
    // 定义undefind类型
    var unData;
    // 定义空对象
    var oData = null;
    // 定义JavaScript对象类型
    var oPerson = {
        name: "王五",
        age: 20
    }
    // 单行注释: windows: ctr + / mac: cmd + /
    // alert(iNum1);
    // alert(fNum1);
    // alert(sName);
    // 查看数据类型使用typeof
    // alert(typeof(iNum1));
    // alert(typeof(fNum1));
    // alert(typeof(sName));
    // alert(typeof(bIsOk));
    // alert(typeof(unData));
    // // 由于js历史原因,设计之前没有null类型,null值归属于object类型,后续js语言迭代后也没进行修改
    // // 对于大家类型null值属于null类型
    // alert(typeof(oData));
    // alert(typeof(oPerson));
    alert(oPerson.name);
    console.log(oPerson.name);
    // 多行注释
    /*
        多行注释内容
    */
    //  同时定义多个变量
    var iNum2 = 3, sStr = '李四';
    console.log(iNum2);
    console.log(sStr);
</script>

js函数的定义和调用

<script>
    // 定义函数的关键字是function
    function fnShow(){
        alert('我是一个无参数无返回值的函数');
    };
    //  调用函数执行函数里面的代码
    fnShow()
    // 定义的是一个有参数有返回值的函数
    function fnSum(iNum1, iNum2){
        var iResult = iNum1 + iNum2;
        return iResult
        alert('测试代码');
    }

    var iNum = fnSum(1, 2);
    alert(iNum);
    // return关键的特点: 1. 可以为函数提供返回值
    // 2. 当执行return语句以后函数执行结束,后面的代码不会再执行
</script>

js函数的全局变量和局部变量

<script>
    // 局部变量: 在函数内定义的变量叫做局部变量,只能在函数内部使用
    function fnShow(){
        //  局部变量
        var iNum = 1;
        alert(iNum)
    }
    // 调用函数
    // fnShow()
    //  局部变量不能再函数外使用
    // alert(iNum);
    // 全局变量: 在函数外定义的变量叫做全局变量,可以在不同函数内使用,并且不同函数内可以共享全局变量
    var iNum1 = 1;
    function fnModify(){
        alert(iNum1);
        iNum1 = 3;
        // ++ 等价于 += 1
        iNum1++;
        iNum1 += 1;
        alert(iNum1);
    }
    fnModify()
    // js可以数字类型和字符串直接进行相加,把数字自动转成字符串
    alert("函数外访问的全局变量:" + iNum1);
</script>

js的条件判断语句

<script>
    var iNum = 5;
    var iStr = "5";
    //  在js里面如果数字和字符串进行比较(==、>、<、>=、<=、!=),会自动把字符串转成数字类型然后再进行比较
    if(iNum == iStr) {
        alert("条件成立");
    }
    if(iNum < iStr) {
        alert("条件成立");
    }else{
        alert("条件不成立");
    }
    var iScore = 90;
    if (iScore < 60) {
        alert("不及格")
    } else if (iScore <= 70) {
        alert("刚及格")
    } else if (iScore <= 80) {
        alert("一般般")
    } else {
        alert("优秀")
    }
</script>

js的运算符

<script>
    var iNum1 = 1;
    var iNum2 = "1";
    // 比较值和类型
    if(iNum1 === iNum2) {
        alert('条件成功');
    } else {
        alert('条件失败');
    }
    // && 左右两边的条件都成立 结果才是true, if语句才会执行
    // if(iNum1 >= 0 && iNum2 < 2) {
    //     alert("条件成立");
    // } else {
    //     alert("条件不成立");
    // }
    // || 左右两边的条件有一个成立 结果就是true, if语句就会执行
    // if(iNum1 >= 0 || iNum2 < 2) {
    //     alert("条件成立");
    // } else {
    //     alert("条件不成立");
    // }
    //  ! 表示对结果进行取反, true取反成false  false取反变成true
    if(!(iNum1 > iNum2)){
        alert("条件成立");
    } else {
        alert("条件不成立");
    }
</script>

js扩展部分

<script>
    // 扩展:
    // js 支持非零即真
    // if(0){
    //     alert('条件成立');
    // }else {
    //     alert("条件不成立")
    // }
    // 
    // 空的数组是成立的,空的字符串是不成立, 字符串有数据是成立
    // null , undefined 不成立
    var p = {
        name: "李四"
    }
    var unData;
    alert(unData);
    if(unData){
        alert('条件成立');
    }else {
        alert("条件不成立")
    }
</script>
你觉得文章怎么样:

2 人参与,3 条评论

  • 故人两相望:

    评论支持markdown哟

    if(unData){
        alert('条件成立');
    }else {
        alert("条件不成立")
    }
    

    emoji

    2022-11-09 08:22:50
    点赞(8) 回复(2) 删除

    system 回复:故人两相望

    支持js吗?

    2022-11-12 18:48:22
    点赞(8) 回复

    故人两相望 回复:system

    一样支持呀

    let a = '兰佬带带我'
    
    2022-11-12 23:00:45
    点赞(0) 回复