博客列表 >7-9 JS基础学习

7-9 JS基础学习

曾哥的PHP学习报告
曾哥的PHP学习报告原创
2019年08月12日 17:47:41718浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--变量/数据+涵数/方法=程序  -->
<!--涵数一要定有一个输出结果-->
<!--变量是静态的数据-->
<!--涵数是动态的处理过程-->

<!--所有要写到html文档中,必需写到标签中-->

<script>

    //单行注释

    // 变量提升

    /*
    多行注释
     */

    //变量 一定要用产健字var

    // var n = 100+30;  //语名 有关健字,有分号
    // 20+30  //表达式
    // 语名与表达式的区分,看后台有没有分号

    //  网页检查(F12快捷健) Elments  查看业面元素的
    // console 控制台 浏览器内置的JavaScript执行环境
    // 1、变量声明
    var username;  //声名,未赋值 未初始化变量
    // 判断 if
    if( username === undefined){
        //2、初始化:第一次赋值
        username = '曾工';
    }
    // 如何将代码中的变量打印到控制台中

    console.log(username);

    //数据类型: 类型确定,那么取值范围就确定了,并且在上面的可执行操作也确定了
    // 类型确定--->范围确定---->操作
    // boolean(布尔值)--->只有真和假 true/false---->操作逻辑判断的
    // int(整数)---> (xxxxxx-xxxxx)---->操作算术运算
    // string(字符串)---->('a'- 'z'-'A'-'Z'......)-->操作拼接,查询

    // null(空) 值
    // undefined 默认值

    // 总结:
    // 数据类型:数值,安符串,布尔,null/undefined
    // 对象:对象,涵数,数组,
        // 数值,安符串,布尔,叫***装对象

    // 双等号判断是触发类型自动转换,仅仅比较这二个数的值是否相等? 类型不等
    // 三等号,全等,要求值相等,并且类型也要相同


    // function 涵数名( 参数列表) {
    //      涵数体:由零条或多条语名组成;;
    //
    //      return 结果;
    // }
    // 如果涵数没有return,近回是undefined
    // 涵数的声明
    function sum( a,b) //形参:形式参数,占位符
    {
        //私有变量/内部变量/局部变量;在涵数内部
        var c = 0
        //在涵数内部可以访问全局变量
        return c = a + b  + y;
        //外部不能访问在涵数中声明的私自变量
        // return c
    }
    // 作用域:是用来查找变量的途径,在JS中只有涵数才可以创建作用域,涵数作用域
    // 涵数的调用:按名调用
    //全局变量:在涵数外部声明的变量
    var x =200;  //声名+初始化二合一

    var y =300;
     console.log(sum(x,y)); //实参:实际参数







</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>流程控制</title>
</head>
<body>

<script>
    //分支:单分支,双分支,多分支/switch

    // 创建变量
    var grade = 40; //全局变量 只要不在涵数里,全是全局
    var res ='' //字符串

    // if (grade >= 60){
    //     res = '及格万岁';
    // }  else{
    //     res = '等上补考吧';
    // }
    // 双分支的简写:三元运算 ? :
    // 条件判断,确定为真还是假,
    // res =(grade >= 60)?'及格万岁':'等上补考吧';


// 多分支
//     if (grade >= 60 && grade < 80){
//         res = '成绩还不错呀';
//     } else  if (grade >=80 && grade< 90){
//         res = '学霸';
//     } else if (grade >=90 && grade <=100){
//       res = '您来上课吧'  ;
//     } else {
//         res = '等着补考吧';
//     }

    // 多分简写 switch 结构
    switch (true) {
        case grade >= 60 && grade < 80:
            res = '成绩还不错呀';
            break;
        case  grade >=80 && grade< 90:
            res = '学霸';
            break;
        case grade >=90 && grade <=100:
            res = '您来上课吧';

           break;
        default:
            res = '等着补考吧';

    }



    // 控制器输出
    console.log(res);

</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议