前一日知識點(diǎn)回顧

提問：markdown如何生成目錄
怎樣做筆記，筆記用markdown格式編寫
全棧工程師需要掌握的技能
不同編程語言的區(qū)別
函數(shù)編程和指令編程的差異
指令式編程需要我們像計(jì)算機(jī)一樣思考
函數(shù)編程希望計(jì)算機(jī)像人一樣思考
java8
ruby原作者是日本人，美國人推廣壯大
每天兩個助教老師檢查大家的作業(yè)
作業(yè)晚上交，筆記早上交

今日訓(xùn)練重點(diǎn)

在指令式編程模式下完成軟件設(shè)計(jì)
目標(biāo)：培養(yǎng)大家像計(jì)算機(jī)一樣思考
javascript：
使用的語言和我要做的開發(fā)工作沒有太大關(guān)系

js在兩個不同 模式下的工作
交互模式：node -v v4.4.7
命令行模式

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

算法題 要摸清題的思路，找到算法規(guī)律，計(jì)算機(jī)擅長做重復(fù)性工作

指令式編程：程序一般是從上到下，但是可以通過條件判斷來執(zhí)行對應(yīng)的代碼段；

指令式編程思想：要求思維清晰，代碼完整（添加注釋） 顯示效果美觀

培養(yǎng)抽象的能力，抽象是總結(jié)規(guī)律的思維方式

console.log('*'); //打印輸出

實(shí)例：

1. 通過循環(huán)解決重復(fù)性工作

var printStr = ""; //定義字符
for (var i=0;i<10;i++){ //使用for循環(huán)拼接字符串
  printStr +="*";
}
console.log(printStr);//打印輸出

2.循環(huán)輸出多行

var printStr = ""; //定義字符
for (var j=0;j<5;j++){  //使用for循環(huán)輸出5行
  for (var i=0;i<10;i++){ //使用for循環(huán)拼接字符串
    printStr +="*";
  }
  printStr +="\n"; //換行符
}
console.log(printStr);//打印輸出

3.封裝函數(shù)

var printStr = ""; //定義字符
function getStr(m,n,p){ //m行數(shù)，n每行的字符長度，p定義字符格式
  for (var j=0;j<m;j++){  //使用for循環(huán)輸出m行
    for (var i=0;i<n;i++){ //使用for循環(huán)拼接字符串
      printStr +="p";
    }
    printStr +="\n"; //換行符
  }
}
getStr(5,10,"*");
  console.log(printStr);//打印輸出

輸出結(jié)果：

2.pic.jpg

4.功能抽象,細(xì)化

//定義默認(rèn)的輸出字符串
var printStr = '';

//打印行
function printRow(num,cont){
    //循環(huán)拼接輸出一行字符串
    for(var i=0;i<num;i++){
        printStr += cont;
    }
}

//換行的函數(shù)
function br(){
    //當(dāng)輸出一行就換行
    printStr += "\n";
}
//打印矩形
function printShape(r,c){
    for(var j=0;j<r;j++){
        //打印行
        printRow(c,'*');
        //輸出一行后就換行
        br();
    }
}
//調(diào)用printSharp函數(shù)  5行10列
printShape(5,10);

//打印輸出
console.log(printStr);

輸出結(jié)果：

2.pic.jpg

5.打印更多形狀

• 封裝打印正方形函數(shù)

//打印正方形
function printSquare(m){
  printShape(m,m);
}
printSquare(10);
//打印輸出
console.log(printStr);

• 打印空心矩形

printRow(20,"*");
br();
printRow(1,"*");
printRow(18," ");
printRow(1,"*");
br();
printRow(1,"*");
printRow(18," ");
printRow(1,"*");
br();
printRow(1,"*");
printRow(18," ");
printRow(1,"*");
br();
printRow(1,"*");
printRow(18," ");
printRow(1,"*");
br();
printRow(20,"*");
br();
//打印輸出
console.log(printStr);

輸出結(jié)果：

3.pic.jpg

• 封裝打印空心矩形函數(shù)

//行數(shù)r=5,列數(shù)l=10,字符cont="*"
//第一行和第r行完全輸出
//第2行到第r-1行輸出空虛
//空字符串長度l-2
//輸出空心矩形
function getEmptyShape(r,l,cont){

    //判斷行數(shù)或者列數(shù)是否小于等于2，如果小于直接輸出
    if (r<=2 || l<=2) {
        for (var i = 1;i<=r;i++) {
            printRow(l,cont);
            br();
        }
    }else{
    //行數(shù)和列數(shù)大于2的情況，輸出空心矩形
        for (var i = 1; i <= r; i++) {
            if (i==1 || i == r){
                printRow(l,cont);
                br();
            }else{
                printRow(1,cont);
                printRow(l-2," ");
                printRow(1,cont);
                br();
            }
        }
    }           
}
//多測試幾種情況，檢驗(yàn)函數(shù)是否有bug
getEmptyShape(1,1,"*");
br();
getEmptyShape(2,1,"*");
br();
getEmptyShape(1,2,"*");
br();
getEmptyShape(1,3,"*");
br();
getEmptyShape(2,3,"*");
br();
getEmptyShape(5,10,"*");

//打印輸出
console.log(printStr);

輸出結(jié)果：

4.pic.jpg

• 打印實(shí)心三角形

printRow(5," ");
printRow(1,"*");
br();
printRow(4," ");
printRow(3,"*");
br();
printRow(3," ");
printRow(5,"*");
br();
printRow(2," ");
printRow(7,"*");
br();
printRow(1," ");
printRow(9,"*");
br();
//打印輸出
console.log(printStr);

輸出結(jié)果：

7.pic.jpg

• 封裝打印三角形函數(shù)

//輸出三角形,r行數(shù)，cont="*"
function getTriangle(r,cont){
    for (var i = r; i >0; i--) {
        printRow(i," ");
        printRow((r-i)*2+1,cont);
        br();
    }
}
getTriangle(5,"*");
//打印輸出
console.log(printStr);

輸出結(jié)果：

7.pic.jpg

• 封裝打印梯形函數(shù)

//輸出梯形,r行數(shù)，cont="*"
function getTrapezium(r,cont){
    if (r>1) {
        for (var i = r-1; i >=0; i--) {
            printRow(i," ");
            printRow((r-i)*2+1,cont);
            br();
        }
    }else{
        printStr += "梯形至少需要2行";
    }
}
getTrapezium(5,"*");
//打印輸出
console.log(printStr);

輸出結(jié)果：

6.pic.jpg

作用域

• js無命名空間,同一個變量名不能申明兩次
• 變量作用域：局部變量 全局變量命名不沖突
• 最外層目錄申明一個變量a 可以用window.a = 5 ；其與var a = 5一樣；
• 當(dāng)程序內(nèi)部找不到定義的變量，就去上層目錄找，直到頂層目錄
• nodes中全局變量用global

//var num 是一個局部變量
//變量函數(shù)
var returnFun = function(){
}
function f(){
  return function(){
  }
}

var x = f();
//x就等于f函數(shù)的內(nèi)部函數(shù)

• 函數(shù)大口號后面再加一個括號表示直接執(zhí)行

   //立即執(zhí)行的函數(shù)
  (function(){
    var num = 10;
  })();
  

作業(yè)：
1.抽象一個打印空心矩形的函數(shù)，打印梯形的函數(shù)，三角形的函數(shù) 打印空心梯形 空心三角形的函數(shù)
2.node.js在linux環(huán)境更好一些，每個人ubuntu16.04安裝一個node.js,能夠上網(wǎng) 獨(dú)立ip