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. Spring AOP的使用及案例

    一.什么是AOP AOP(Aspect-Oriented Programming,面向切面编程),可以说是OOP(Object-Oriented Programing,面向对象编程)的补充和完善.通过 ...

  2. typescript 入门教程二

    ts中面向对象成员修饰符:public , private , protexted(ts官方网站:ts) 在ts中,默认的成员修饰符就是public public:是表示是公开的,在任何地方,都可以调 ...

  3. Ribbon - Customizing the Ribbon Client

    自定义Ribbon算法 自定义Ribbon 官网文档链接    Ribbon github源码地址 <!--ribbon配置--> <dependency> <group ...

  4. 编程语言分类 + python解释器的安装 + jupyter的使用(day 02整理)

    目录 一.昨日内容回顾 一 计算机基础之编程 (一) 什么是编程语言 (二) 什么是编程 (三) 为什么编程 二 计算机组成 (一) CPU (二) 存储器 (三) I/O设备 (四) 多核CPU ( ...

  5. day07整理(内置方法\循环判断)

    目录 一.上节课回顾 (一)if判断 1.单分支结构 2.双分支结构 3.多分支结构 (二)for循环 1.for + break 2.for + continue 3.for循环嵌套 (三)robu ...

  6. 防抖与节流 & 若每个请求必须发送,如何平滑地获取最后一个接口返回的数据

    博客地址:https://ainyi.com/79 日常浏览网页中,在进行窗口的 resize.scroll 或者重复点击某按钮发送请求,此时事件处理函数或者接口调用的频率若无限制,则会加重浏览器的负 ...

  7. egg-mongoose --- nodejs

    项目 egg + mongoose 项目结构 配置 egg 安装模块 npm i egg-mongoose --save config/pulgin.js exports.mongoose = { e ...

  8. Apache Tomcat服务部署网站

    Tomcat是Apache软件基金会 (Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache.Sun 和其他一些公司及个人共同开发而成.由于有了S ...

  9. Java虚拟机之垃圾回收

    简述 Java与那些较传统的语言比如C++有个很大不同就是垃圾回收策略了.前者通常是虚拟机自动帮我们做了,而后者就需要我们手动来完成. Java虚拟机帮我们完成了垃圾回收,是不是意味着我们就不用完全去 ...

  10. JavaSE常用API

    1.Math.round(11.5)等于多少?Math.round(-11.5)又等于多少? Math.round(11.5)的返回值是12,Math.round(-11.5)的返回值是-11.四舍五 ...