资讯专栏INFORMATION COLUMN

Function

刘永祥 / 2654人阅读

摘要:什么是函数函数封装一项专门任务的步骤清单的代码段,起一个名字。程序中提供的一项服务的步骤说明何时使用函数当一项任务需要反复执行,但又不希望重复编写时。何时如何为参数变量赋值在调用函数时,按照参数定义时的顺序和个数,依次传入参数值。

function
什么是函数:
函数:封装一项专门任务的步骤清单的代码段,起一个名字。(**程序中提供的一项服务的步骤说明**)
 何时使用函数?当一项任务需要反复执行,但又不希望重复编写时。(**代码重用!**)
 如何声明函数:function 任务名([参数变量列表]){
            步骤清单代码段
                        [return 返回值]
                  }
     ***函数名(任务名): 指向函数定义的一个变量
                      函数:封装函数定义的引用类型对象
            ***声明时,不执行!也不读取内部的代码!
        如何调用函数执行:任何位置: 函数名([参数值列表]);
            ***调用时,才读取内部的代码,执行
            
 参数变量:专门接收要传入方法中处理的数据的变量。
  何时需要定义参数:如果一个函数,必须一些数据才可正常执行,需要几个数据,就定义几个参数变量。
  何时如何为参数变量赋值:在调用函数时,按照参数定义时的顺序和个数,依次传入参数值。
  
    返回值:函数的执行结果
            何时需要返回值:只要函数需要有明确的执行结果时
                         如果调用者需要获得明确的执行结果时
            如何定义返回值: 函数定义内部,一般函数体结尾
                            return 值;
            调用者何时如何获得返回值:
                    1. 一个有返回值的函数调用,可以当做一个值使用
                    2. 调用时,可使用变量保存住函数调用的返回值
function buy(what,moeny){
    console.log("Step1:取盒饭");
    console.log("Step2:去食堂");
    console.log("Step3:打饭"+what);
    moeny-=3;
    console.log("Step4:扣款3元,余额:"+moeny);
    console.log("Step5:回宿舍");
    return "香喷喷的"+what;
   }
   console.log(buy("宫保鸡丁",10)); 
***变量作用域:一个变量的可用范围
    有2种:1. 全局作用域:window
          全局变量——放在全局作用域(window)中的变量
          可在程序的任何位置访问全局变量
         2. 局部作用域:在函数调用时才创建的作用域
              局部变量:2种:1. 参数变量
                          2. 在函数定义中var的变量
              ***仅在函数调用时,动态创建
                 调用时,如果局部有,就不用全局的!
              ***调用后,随局部作用域一同销毁
var kl=10;
   function rose(){
    var kl=5;
    kl--;
    console.log(kl);
   }
   function jack() {
    kl--;
    console.log(kl);
   }
   console.log(kl);//全局kl=10
   rose();//4
   console.log(kl);//全局kl=10
   jack();//9
   console.log(kl);//全局kl=9
声明提前
  声明提前:正式开始执行程序前,先将var声明的变量和function声明的函数,提前到*当前作用域*顶部,集中声明,赋值留在原地。
var n=100;
            function fun(){
                var n;//undifend
                console.log(n);
                n=99;
                console.log(n);
            }
            fun();//99
            console.log(n);

按值传递:两变量间赋值,或将变量作为函数的参数传递时都仅将变量中的值,复制一个副本给对方!

var n=100;
            var m=n;
            n++;
            console.log(m);//100

全局函数:ES标准中规定的,由浏览器厂商实现的,不需要任何对象前缀就可直接访问的函数.

 比如:parseInt/Float(str),isNaN(n)

 比如:alert() prompt()——BOM
分支结构

分支结构:

程序结构:3种:
 顺序结构:默认程序都是自上向下逐行顺序执行
 分支结构:根据不同的条件,选择执行不同的操作
         操作的复杂程度
 循环结构:让程序反复执行同一代码段。

分支结构:3种情况:
1. 一个条件,一件事:满足条件就执行,(不满足就什么都不做)
短路逻辑:条件&&(操作1,操作2...)
    何时使用:操作非常简单时
  if结构:如果 满足*条件*, 就执行代码段
          if(条件){
     满足条件时,才能执行的代码段
          }
var price=parseFloat(prompt("请输入单价"));
            var count=parseFloat(prompt("输入数量"));
            var money=parseFloat(prompt("输入收款金额"));
            var total=price*count;
            if(total>=500){
                total*=0.8;
            }
            var change=money-total;
            console.log("应收:"+total+";找零"+change);
2. 一个条件,两件事:二选一执行!
         如果 满足*条件*,就执行操作1,否则,执行操作2
      三目运算:条件?操作1:操作2;
        何时使用:操作1和操作2,都非常简单时
         if...else结构:
         if(条件){
        满足条件才执行的代码段
         }else{//否则
        不满足条件才执行的代码段
         }
var price=parseFloat(prompt("请输入单价"));
            var count=parseFloat(prompt("输入数量"));
            var money=parseFloat(prompt("输入收款金额"));
            var total=price*count;
            if(money>=total){
                var change=money-total;
              console.log("应收:"+total+";找零"+change);
            }else{
                var change=total-moeny;
              console.log("应收:"+total+";还差"+change);
            }

多个条件,多件事,多选一执行!(有可能都不执行)

  如果 满足 条件1 就执行 操作1

否则,如果满足 条件2 就执行 操作2
... ...

               [否则,默认操作]

三目:条件1?操作1:

     条件2?操作2:
             ...:
         默认操作——不可省略

if...else if结构:

    if(条件1){
 满足条件1才执行的操作1;
     }else if(条件2){
 满足条件2才执行的操作2;
     }else if(...){
 ...
     }[else{
  如果以上任何条件都不满足,则执行默认操作
     }]

if (score<0||score>100) {
      console.log("无效分数");
     } else if(score>=90){
      console.log("A");
     } else if (score>=80) {
      console.log("B");
     } else if (score>=70) {
      console.log("C");
     }  else {
      console.log("D");
     }

switch...case结构:
何时使用:当条件都是全等比较时,才可用switch结构
switch(表达式){ //1. 计算表达式的结果

//用表达式的值和每个case后的值做**全等**比较
//碰到一个全等的case值,则进入该case开始执行

//并默认以此触发之后所有case的执行
case 值1:

 满足值1才执行的代码段1;
case 值2:
     满足值2才执行的代码段2;
     ...:
     ... ...
 default:
 如果前边的值都不满足,执行默认代码段

}

 switch(parseInt(prompt("请按键:"))){
      case 1:
      console.log("查询进行中.....");
      case 2:
      console.log("取款中......");
      case 3:
      console.log("转账进行中....");
      case 0:
      console.log("欢迎下次再来!");
      default:
      console.lop("无效按键");
     }

break: 中止当前结构的执行,并跳出结构。

位置:在每个case之间

何时可以省略部分break:上下两个case希望执行相同代码时

switch(parseInt(prompt("请按键:"))){
      case 1:
      console.log("查询进行中.....");
      break;
      case 2:
      case 3:
      console.log("系统维护中....");
      break;
      case 0:
      console.log("欢迎下次再来!");
      break;
      default:
      console.log("无效按键");
     }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116420.html

相关文章

  • underscore源码解析

    说明1、源码结构通览,简单注释说明2、通过调用方法讲解核心代码逻辑 一、源码的结构 为了方便比对源码,按源码的结构顺序展示。underscore是个轻量级的工具库,大部分代码是实现特定功能以函数的形式存在,本身会比较简单,没对方法具体说明,可直接参考underscore中文文档 (function() { var root = this; var previousUnderscore = ...

    kid143 评论0 收藏0
  • 函数式JS: 原来promise是这样的monad

    摘要:定义这是类型签名的表述。实际上对应着,只是在里作为立即量传入,在和的返回值中作为闭包引用传入。同时根据看出返回值是用回调返回值的。的输出是的包裹。的方法借助了闭包引用额外输入了,而输入的函数输入是输出则是借助实现的。 转载请注明出处: http://hai.li/2017/03/27/prom... 背景 上篇文章 函数式JS: 一种continuation monad推导 得到了一个...

    ZweiZhao 评论0 收藏0
  • 嚼一嚼event loop

    摘要:设计为单线程设计为单线程还是跟他的用途有关试想一下如果设计为多线程那么同时修改和删除同一个浏览器又该如何执行需要异步我在执行但用户不知道你好啊上图例子循环耗时会很久这意味着用户得不到你好啊的响应就会下意识会认为浏览器卡死了所以必须要有异步通 js设计为单线程 js设计为单线程还是跟他的用途有关 试想一下 如果js设计为多线程 那么同时修改和删除同一个dom 浏览器又该如何执行? sh...

    wangtdgoodluck 评论0 收藏0
  • __proto__和prototype

    摘要:属性对性能影响非常严重,不建议使用。当你创建函数时,会为这个函数自动添加属性。构造函数原型的默认指向自身。所有对象均从继承属性。结果见下图普通对象是构造函数的实例,所以普通对象的原型是。总结和其它函数由产生,的是他自己。 _proto_ 每个对象都有一个__proto__(前后各两个下划线)属性来标识自己所继承的原型对象。__proto__属性对性能影响非常严重,不建议使用。 pro...

    raise_yang 评论0 收藏0
  • 浅析webpack源码之Stat.js粗解(十)

    摘要:从出来接着我们看大法,打印一下感觉之前所以的对象都放在了一个合集里,给人而全的感觉里面主要含有一个对象,,输出的,等给每次打包一个值,代表唯一性天啊 从compilation出来接着我们看 const stats = new Stats(compilation); Stats.js log大法,打印一下 stats let Stats = { compilation:{ ...

    Andrman 评论0 收藏0

发表评论

0条评论

刘永祥

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<