命令式（指令）编程之 "JavaScript"

1. JavaScript？

• JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

2. JavaScript特点？

• 脚本语言

  JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

• 基于对象

  JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

• 简单

  其简单性主要体现在：首先，JavaScript是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于使用者学习Java或其他C语系的编程语言是一种非常好的过渡，而对于具有C语系编程功底的程序员来说，JavaScript上手也非常容易；其次，其变量类型是采用弱类型，并未使用严格的数据类型。

• 相对安全

  JavaScript作为一种安全性语言，不被允许访问本地的硬盘，且不能将数据存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失或对系统的非法访问。

• 动态性

  JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

• 跨平台性

  JavaScript依赖于浏览器本身，与操作环境无关，只要计算机能运行浏览器，并支持JavaScript的浏览器，就可正确执行，从而实现了“编写一次，走遍天下”的梦想。

3. 注意事项

• 计算机程序指令不等于CPU指令
• CPU制定 -> 定长指令
• 在cmd输入：

  node -v   ===>查看版本
  node      ===>交互模式
  

4. 分支语句?

• if else

• 结构：

  if(true){
  
  }else{
  
  }
  

• if else嵌套

• 结构：

  if(true){
  
  }else if(true){
  
  }else{
  
  }
  

• Switch语句

• 结构：

  switch(表达式){
   case 取值1：
            语句块1;
            break;
    case 取值2：
            语句块2;
             break;
    case 取值n：
           语句块n;
             break;
   defaule：
           语句块n+1;
           break;
  }
  

  break 表示跳出switch循环

  default 关键词来规定匹配不存在时做的事情

5. 循环?

• for循环

• 语法

  for (语句 1; 语句 2; 语句 3){
    被执行的代码块
  }
  

  注意：

    语句 1 在循环（代码块）开始前执行
  
    语句 2 定义运行循环（代码块）的条件
  
    语句 3 在循环（代码块）已被执行之后执行
  

  实例：

  for (var i=0; i<5; i++){
    x=x + "The number is " + i + "<br>";
  }
  

• while循环

• 语法

  while (条件){
  需要执行的代码
  }
  

  实例：

  while (i<5){
      x=x + "The number is " + i + "<br>";
      i++;
      }
  

6. function 函数？

• 语法

  function functionname(){
      这里是要执行的代码
  }
  

  注意：
  当调用该函数时，会执行函数内的代码。
  可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。
  提示：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

7. 设计思想（重点）？

• 输入一个 *?
• 案例：

console.log('*');

或者

```
var printStr = "";
printStr += "*";
console.log(printStr);
```

• 输出十个*?
• 案例：

var printStr = "";
for (var i = 0; i < 10; i++) {
    printStr += "*";
}
console.log(printStr);

• 输出一个矩形的*?

• 案例：

  var printStr = '';
  for(var i=0;i<10;i++){
      for(var j=0;j<10;j++){
          printStr += "*";
      }
      printStr += "\n";
  }
  console.log(printStr);
  

或者在灵活一点

```
var printStr = '';
function fn(a,b){
    for(var i=0;i<a;i++){
        for(var j=0;j<b;j++){
            printStr += "*";
        }
        printStr += "\n";
    }
}
fn(5,3);
console.log(printStr);
```

或者在灵活一点（打印任意字符）封装成函数

• 打印矩形

  var printStr = '';
  
  function printChar(c,n){
      for(var j=0;j<n;j++){
          printStr += c;
      }
  }
  
  function n(){
      printStr += "\n";
  }
  
  function fn(c,k){
      for(var i=0;i<c;i++){
          printChar("#",k);
          n();
      }
  }
  fn(10,7);
  console.log(printStr);
  

• 打印正方形

  var printStr = '';
  
  function printChar(c,n){
      for(var j=0;j<n;j++){
          printStr += c;
      }
  }
  
  function n(){
      printStr += "\n";
  }
  
  function fn(c,k){
      for(var i=0;i<c;i++){
          printChar("#",k);
          n();
      }
  }
  
  function zfx(x){
      fn(x,x);
  }
  zfx(5);
  console.log(printStr);