兄弟会0805(指令时编程的思维)

思维决定细节,细节决定结果


  1. 指令式编程:程序一般是从上到下,但是可以通过条件判断来执行对应的代码段;
  2. 指令式编程思想:要求思维清晰,代码完整(添加注释) 显示效果美观

//打印语句
console.log('*');

实例:
一、在重复劳动中解救自己(让循环来解决问题)

//定义默认的输出字符串
var printstr = '';
//循环拼接输出字符串
for(var i=0;i<10;i++){
    printstr += "*";
}

//换行
printstr += "\n";

//打印输出
console.log(printstr);

二、循环输出一行

//定义默认的输出字符串
var printstr = '';    
for(var j=0;j<20;j++){
    //循环拼接输出一行字符串
    for(var i=0;i<10;i++){
            printstr += "*";
    }

    //当输出一行就换行
    printstr += "\n";
}

 //打印输出
console.log(printstr);

三、封装函数,减少代码冗余

//定义默认的输出字符串
var printstr = '';

function fun(r,c){
    for(var j=0;j<r;j++){
        //循环拼接输出一行字符串
        for(var i=0;i<c;i++){
            printstr += "*";
        }
    
        //当输出一行就换行
        printstr += "\n";
    }
}
//调用fun函数  5行10列
fun(5,10);

//打印输出
console.log(printstr);

打印的效果如下:


Paste_Image.png

四、把功能抽象出来

//定义默认的输出字符串
var printstr = '';

//打印行
function printChar(num,cont){
    //循环拼接输出一行字符串
    for(var i=0;i<num;i++){
        printstr += cont;
    }
}

//换行的函数
function br(){
    //当输出一行就换行
    printstr += "\n";
}

function fun(r,c){
    for(var j=0;j<r;j++){
        //打印行
        printChar(c,'#');
        //输出一行后就换行
        br();
    }
}
//调用fun函数  5行10列
fun(5,10);

//打印输出
console.log(printstr);

打印的效果如下:


Paste_Image.png

五、打印更多的效果

fun(5,5);//正方形
fun(5,10);//矩形

空心的巨型

//打印第一行
printChar(10,'*');
br();
printChar(1,'*');
printChar(8,' ');
printChar(1,'*');
br();
//打印中间带有空白的行
printChar(1,'*');
printChar(8,' ');
printChar(1,'*');
br();



printChar(1,'*');
printChar(8,' ');
printChar(1,'*');
br();
//打印最后的行
printChar(10,'*');

打印的效果如下:

Paste_Image.png

三角形

printChar(5,' ');
printChar(1,'*');
br();
printChar(4,' ');
printChar(3,'*');

br();
printChar(3,' ');
printChar(5,'*');

br();
printChar(2,' ');
printChar(7,'*');

br();
printChar(1,' ');
printChar(9,'*');

打印的效果如下:

Paste_Image.png

梯形

br();
printChar(3,' ');
printChar(5,'*');

br();
printChar(2,' ');
printChar(7,'*');

br();
printChar(1,' ');
printChar(9,'*');

打印的效果如下:


Paste_Image.png

3.多人协同开发会有命名空间,那么js中是没有命名空间的,此时要考虑作用域的问题;

立即执行的函数
(function(){
    var num = 10;
})();

var num 是一个局部变量

变量函数
var returnFun = function(){

}

function f(){
    return function(){

    }
}

var x = f();
x就等于f函数的内部函数
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,349评论 25 708
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,765评论 18 399
  • 指令式编程 培养指令式编程思维 复习上一节课的内容 Markdown是一种轻量级的「标记语言」,使用它来书写文档、...
    Junting阅读 627评论 0 1
  • 江歌之死,实在令人为之痛心惋惜,损命于异国交友不慎更令人愤恨。这消息传遍了大江南北,举国上下议论纷纷,都为...
    311a949b5048阅读 344评论 0 0
  • 今日花落雨细 燕归绿衣啄泥 晨曦复未夕 孩童院前嬉戏 欢喜 欢喜 与君相依思忆
    文青文清阅读 293评论 6 8