实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例