简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 7-9 JS基础学习
Blogger Information
Blog 10
fans 0
comment 0
visits 7061
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
7-9 JS基础学习
曾哥的PHP学习报告
Original
705 people have browsed it

实例

<!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>

运行实例 »

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

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！