1.函数是对象,函数名实际上是函数对象的指针

1、函数声明方式 (函数声明提前)

function sum(num1,num2){
return num1+num2;
}

2、函数表达式

var sums = function(num1,num2){
return num1 + num2;
}

3、构造函数方式

var summs = new Function("num1","num2","return num1+num2");//不推荐  用来理解 “函数是对象,函数名是指针”

2.因为函数名是指针,所以可以理解js中没有重载的概念(函数重载)

function aa(num){
return num + 100;
}
function aa(num){
return num + 200
}

var result = aa(100);//300

在声明了两个同名函数,而结果是后面的函数覆盖了前面的函数

3.函数声明和函数表达式的不同

实际上,解析器在实行环境中加载数据时,对函数声明和函数表达式并非一视同仁,解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问),至于函数表达式,则必须到等到解析器执行到它所在的代码行,才会真的被解释实行。

  1. 函数声明方式 js引擎会先将函数声明提前到顶部

alert(sum(1,2));//正常执行
function sum(num1,num2){
return num1+num2;
}

  1. 函数表达式 //等价的函数表达式,js会从上到下执行,也就在弹出框时找不到函数表达式而报错,执行不了下面的代码

alert(sum(1,3));//报错
var sum = function(num1,num2){
return num1 + num2;
}

注意:除了什么时候可以通过变量访问函数这一点区别,函数声明和函数表达式的语法其实是等价的

形参和实参

形参:全称为“形式参数”是在定义函数名和函数体的时候使用的参数,目的是用来接收调用该函数时传递的参数。

实参:可以是常量、变量、表达式、函数等, 无论实参是何种类型的量,在进行函数调用时,它们都必须具有确定的值, 以便把这些值传送给形参

function funct(a,b,c){
return b;
}

  1. 个数问题

funct('a');//正常
funct('a','b','c','d');//正常
funct();//正常

如果形参为三个,但实参值传进一个,正常运行,
如果形参为三个,但实参传进了四个,正常运行,
如果形参为三个,但实参没有传值,正常运行

因为:在js里面,函数的形参是不介意你传递的是什么东西,也不在乎你传递的内容的数据类型,无论你传多少个,甚至不传,解析器也始终不会抱怨。

传参的内容,会以数组的形式表示,函数接收时,始终接收的是这个数组,如果数组里面有参数,它不需要理会数组中的数据类型

function a(){
console.log(arguments[2]);//c
console.log(arguments[1]);//b
console.log(arguments[0]);//a
console.log(arguments.length);//3
console.log(typeof arguments);//obj
}
a('a','b','c');

arguments对象,实际上,只是个类似数组而已,(它并不是Arrary的实例),它可以用[]来访问它里面的每个元素,也能使用length属性来确定参数的多少,arguments对象的长度是由传入的实际参数个数决定的,而不是由定义函数时命名形式参数个数决定的。

2.参数的类型问题

基本数据类型和引用数据类型[可参考这里]

  • 基本数据类型

    • 在函数中给形参传递基本数据类型时,就是把值复制一个给局部变量,也就是arguments对象中的一个元素
    • 如果num是按引用传递的话,那么变量count的值会变成30.但num在函数内部的运算没有影响到函数外部的count变量,所以num和count之间是不认识的,他们仅仅是数值上的相同。(以下代码)
    • function addTen(num){
      num += 10;
      return num;
      }
      var count = 20;
      var result = addTen(count);
      console.log(count);//20
      console.log(result);//30

  • 引用数据类型
    • 在这个函数中,变量person保存的是一个obj对象,在变量被传递到setName()函数中后备复制到obj,但在函数内部,obj和person引用的是同一个对象,,所以,在函数内部所创建了对象的属性,在函数外部也能访问。(以下代码)
    • function setName(obj){
      obj.name = 'Name';
      }
      var person = new Object();
      setName(person);
      alert(person.name);//Name

不断总结,才能熟悉,掌握知识,但若想往高处走,还是得从书中获取知识,从实践中获取经验。花点时间,读本好书O(∩_∩)O~~~

(完)

Javascript ----函数表达和形参实参的更多相关文章

  1. 第十一篇 Python函数之定义&形参&实参&位置参数&关键字参数&可变长参数&默认参数

    函数的定义:函数是为了完成某一特定功能的,函数是逻辑结构化和过程化的一种编程方法 函数的定义格式,函数一般都是有返回值的 #语法 #函数名要能反映其意义 def 函数名(参数1,参数2,参数3,... ...

  2. javascript 函数表达和闭包

    函数表达式和闭包 针对JS高级程序设计这本书,主要是理解概念,大部分要点源自书内.写这个主要是当个笔记加总结 存在的问题请大家多多指正! 定义函数的两种方法 函数声明: function functi ...

  3. 关于函数传参的其他问题(const形参实参/可变形参)

    const 形参和实参 当形参是 const 变量时,实参是 const 或者不是 const 变量都可以. 实参初始化形参时会忽略掉顶层 const: void gel(const int a){ ...

  4. 第八章:Javascript函数

    函数是这样一段代码,它只定义一次,但可能被执行或调用任意次.你可能从诸如子例程(subroutine)或者过程(procedure)这些名字里对函数概念有所了解. javascript函数是参数化的: ...

  5. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  6. javascript 函数初探 (一)--- 神马是函数

    神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...

  7. JavaScript函数的概念

    函数是这样的一段代码,它只定义一次,但可能被执行或调用任意多次. JavaScript函数是参数化的:函数的定义会包含形参,这些参数在函数的整体中像局部变量一样工作.函数调用时会为形参提供实参的值.除 ...

  8. Javascript函数重载,存在呢—还是存在呢?

    1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...

  9. 深入理解javascript函数系列第一篇——函数概述

    × 目录 [1]定义 [2]返回值 [3]调用 前面的话 函数对任何一门语言来说都是一个核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即 ...

随机推荐

  1. ESP8266开发之旅 网络篇⑧ SmartConfig——一键配网

    授人以鱼不如授人以渔,目的不是为了教会你具体项目开发,而是学会学习的能力.希望大家分享给你周边需要的朋友或者同学,说不定大神成长之路有博哥的奠基石... QQ技术互动交流群:ESP8266&3 ...

  2. 2019.10.28 CSP%您赛第四场t3

    我写不动前两个了. 原谅一下. ____________________________________________________________________________________ ...

  3. GO基础之闭包

    一.闭包的理解 闭包是匿名函数与匿名函数所引用环境的组合.匿名函数有动态创建的特性,该特性使得匿名函数不用通过参数传递的方式,就可以直接引用外部的变量. 这就类似于常规函数直接使用全局变量一样,个人理 ...

  4. $nextTick 页面局部刷新 延迟加载

    Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下.其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick 本人写 ...

  5. 利用X-Forwarded-For伪造客户端IP漏洞成因及防范

    内容转载自叉叉哥https://blog.csdn.net/xiao__gui/article/details/83054462 问题背景 在Web应用开发中,经常会需要获取客户端IP地址.一个典型的 ...

  6. OptimalSolution(6)--栈和队列

    一.设计一个有getMin功能的栈 题目:实现一个特殊的栈,在实现栈的基本功能的基础上,再实现返回栈中最小元素的操作.pop.push.getMin操作的时间复杂度都是O(1). 思路:设计两个栈,一 ...

  7. 为啥不能#define private public了?

    今天在写一个单元测试的时候出现了如下编译错误: 以前用gtest为了测试业务代码里的private函数和变量,一直是在单元测试代码通过#define private public这样的trick达到测 ...

  8. 超简单让.NET Core开发者快速拥有CI/CD的能力-Docker版本

    超简单让.NET Core开发者快速拥有CI/CD的能力-Docker版本 前言 上一篇自动化测试,全面且详细的介绍了从零开始到发布版本的步骤,这是传统的方式,本次为大家带来的是如何在5分钟内使用上d ...

  9. 使用VM虚拟机安装Linux系统详细流程

    最近新换了个电脑,所以需要重新安装虚拟机和Linux系统,话不多说,看流程吧 1.安装vm,这个就不说了,打开VM 2.点击安装虚拟机 3.选择自定义安装 4.选择稍后安装 5.选择要安装的系统 6. ...

  10. [BZOJ] DZY Loves Math 系列 I && II

    为了让自己看起来有点事干 ,做个套题吧..不然老是东翻翻西翻翻也不知道在干嘛... \(\bf 3309: DZY \ Loves \ Math\) 令 \(h=f*\mu\) 很明显题目要求的就是\ ...