美文网首页
JS红宝书-- 3.7 函数

JS红宝书-- 3.7 函数

作者: fanison | 来源:发表于2020-07-22 07:38 被阅读0次
  • 基本语法
    使用function关键字声明,后跟一组参数以及函数体
function sayHi(name,message){
  alert("Hello " + name + "," + message);
}

// 通过函数名调用,后面接一对圆括号和参数
sayHi("fanison","你今天学习了吗?")

使用return语句实现返回值,执行完后立即退出

function sum(num1,num2){
  return num1 + num2;
  alert("Hello world");   //return 之后的代码永远不会执行
}
var result = sum(5,10)

// 一个函数可包含多个return
function diff(num1,num2){
  if(num1 < num2){
    return num2 - num1;
  }else{
    return num1 - num2;
  }
}

return可以不带返回值,函数在停止执行后将返回 undefined。主要用于需要提前停止函数执行而又不需要返回值的情况。

理解参数

函数在内部用数组来表示,在函数体内通过 arguments对象来访问参数数组,从而获取参数。
arguments对象长度由传入的参数个数决定,没有传递值的命名参数将自动被赋予 undefined

function sayHi(){
  alert("Hello " + arguments[0] + ", " + arguments[1])
}
sayHi("fanison","你今天学习了吗?")
  • 通过arguments 对象length获取参数个数
function howManyArgs(){
  alert(arguments.length);
}

howManyArgs("fansion","add oil")
  • arguments对象可与命名参数一起使用
function doAdd(num1,num2){
  if(arguments.length == 1){
    alert(num1 + 10);
  }else if(arguments.length == 2){
    alert(arguments[0] + num2);
  }
}

没有重载

ES中没有函数签名概念,函数不能重载。因为其函数参数是以一个包含零或者多个值的数组的形式传递的

// 定义两个名字相同的函数,则该名字只属于后定义的函数
function addSomeNumber(num){
  return num + 100;
}
function addSomeNumber(num){
  return num + 200;
}
var result = addSomeNumber(100);    //300
  • 模仿重载:检查传入函数中参数的类型和数量并作出不同的反应
function doAdd(){
  if(arguments.length == 1){
    alert(arguments[0] + 10);
  }else if(arguments.length ==2 ){
    alert(arguments[0] + arguments[1]);
  }
}
doAdd(10);    // 20
doAdd(10,20); //30

相关文章

  • JS红宝书-- 3.7 函数

    基本语法使用function关键字声明,后跟一组参数以及函数体 使用return语句实现返回值,执行完后立即退出 ...

  • 彻底了解JS中难懂的闭包

    闭包的定义 闭包 是指有权访问另一个函数作用域中的变量的函数。(JS高级程序设计) 看到这红宝书上关于闭包的解释,...

  • 3.7 函数

    函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句,而且可以在任何地放任何时间调用执行。ECMAS...

  • js红宝书分享

    一、事件 1、事件流 (1)冒泡(IE)(2)捕获(Netscape)(3)DOM2事件流 2、事件处理 (1)h...

  • 再来看一次JS继承

    原型链继承 理解原型链的概念 用一张图来理解原型链再合适不过了。 总结概括JS红宝书上对原型链的概念:每个函数都有...

  • Review JavaScript

    红宝书 综合 script加载js会阻塞渲染,标签中 fefer 指异步加载js,在文档load之后按顺序执行。a...

  • JS红宝书·读书笔记 -- 上篇

    个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...

  • JS红宝书·读书笔记 -- 下篇

    个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...

  • async/await 整理总结

    参考:红宝书 es6入门 async async 函数的实现原理,就是将 Generator 函数和自动执行器,包...

  • javaScript高级程序设计笔记(一)

    最近开始倒回去看js红宝书啦。这篇是1-5章的一些笔记。对于我这种之前只看了w3school和自己摸索了一下函数的...

网友评论

      本文标题:JS红宝书-- 3.7 函数

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