美文网首页
IT兄弟会全栈工程师精英班第二天(学习笔记)

IT兄弟会全栈工程师精英班第二天(学习笔记)

作者: 咚呱 | 来源:发表于2016-08-06 00:56 被阅读0次

    命令式(指令)编程之 "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);
      

    相关文章

      网友评论

          本文标题:IT兄弟会全栈工程师精英班第二天(学习笔记)

          本文链接:https://www.haomeiwen.com/subject/pdrksttx.html