简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 0224作业+JavaScript基础+10期线上班
Blogger Information
Blog 25
fans 1
comment 1
visits 17283
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
0224作业+JavaScript基础+10期线上班
江川林
Original
564 people have browsed it

JS是轻量级的脚本语言
-JS变量用var进行声明（6版本以下）
-JS变量名必须以字母，__(下划线)，$开头，不能用数字开头
-JS脚本必须在<script></script>标签之间
-可以在<script>标签中用src属性加载JS文档

以下是变量声明与访问以及作用域的访问的代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>JavaScript</title>
  6. </head>
  7. <body>
  8. <script>
  9.     // JS的变量声明与访问
  10.     // 声明：var /let/const
  11.     var age;
  12.     // 变量赋值
  13.     age = 20;
  14.     console.log(age)
  15.     // 声明加初始化
  16.     var sex = '男';
  17.     // 在浏览器的控制台显示
  18.     console.log(sex);
  19.     // 变量的连接用'+'表示
  20.     var a = 'a' + 'b';
  21.     console.log(a);
  22.     console.log('变量是：' + a);
  23.     // 只要变量不是在函数中生成的，均属于全局变量（属于windows对象下的属性）
  24.     console.log(window.a);
  26.     // JS变量的作业域与访问
  27.     // JS和PHP一样支持函数作用域
  28.     function f() {
  29.         var  b = 'haha';
  30.     }
  31.     // 在函数外部，不能访问函数内部的变量
  32.     // console.log(b);
  35. </script>
  36. </body>
  37. </html>

以下是流程控制（分支与循环）的代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <!--JS的分支和循环-->
  9. <script>
  10.     // 单分支
  11.     var a = 9;
  12.     var b = '';
  13.     if (a = 20) {
  14.         b = '我有：' + a;
  15.     }
  16.     // console.log(b);
  17.     // 双分支
  18.     var a = 9;
  19.     if (a > 10 && a < 30) {
  20.         b = '单阶段';
  21.     } else {
  22.         b = '双阶段';
  23.     }
  24.     // console.log(b);
  26.     // 多分支
  27.     var a = 0;
  28.     if (a > 0 && a < 10) {
  29.         b = '一阶段';
  30.     } else if (a >= 10 && a < 20) {
  31.         b = '二阶段';
  32.     } else if (a > 20 && a < 30) {
  33.         b = '三阶段';
  34.     } else {
  35.         b = '没有此选项';
  36.     }
  37.     // console.log(b);
  38.     // switch
  39.     var a = 0;
  40.     switch (true) {
  41.         case a > 0 && a < 10:
  42.             b = '一阶段';
  43.             break;
  44.         case a >= 10 && a < 20:
  45.             b = '二阶段';
  46.             break;
  47.         case a > 20 && a < 30:
  48.             break;
  49.         default:
  50.             b = '没有此选项';
  51.     }
  52.     // console.log(b);
  53.     // 或者
  54.     var a = 3;
  55.     switch (a) {
  56.         case 1:
  57.             b = '哈哈';
  58.             break
  59.         case 2:
  60.             b = '嘿嘿';
  61.             break;
  62.             default:
  63.                 b = '什么都没有';
  64.     }
  65.     // console.log(b);
  66.     // for与while循环
  67.     var a = 0;
  68.     var b = 0;
  69.     for (var i = 0; i < 5; i++){
  70.         b += i;
  71.     }
  72.     // console.log(b);
  73.     var i = 0;
  74.     var b = 0;
  75.     while (i<5){
  76.         b += i;
  77.         i++;
  78.     }
  79.     // console.log(b);
  80.     // do-while
  81.     var b = 0;
  82.     var i = 0;
  83.     do {
  84.         b += i;
  85.         i++;
  86.     }while (i<5);
  87.     // console.log(b);
  88.     // break与continue
  89.     var a = 0;
  90.     var b = 0;
  91.     for (var i = 0; i < 5; ++i){
  92.         b += i;
  93.         if (i === 2)break;
  94.     }
  95.     // console.log(b);
  96.     var a = 0;
  97.     var b = 0;
  98.     for (var i = 0; i < 5; ++i){
  99.         if (i === 2) continue;
  100.         b += i;
  101.     }
  102.     console.log(b);
  103. </script>
  104. </body>
  105. </html>

简单来说，JS与PHP变量的区别就是，JS必须有声明语句，在作用域和流程控制方面是大同小异的

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：变量声明主要是为了方便类型检查, 如果不声明, 会隐式声明的
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！