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. sudo权限造成的故障

    公司服务器故障: [chengsir@yinwucheng ~]$ sudo mkdir /opt/nginx sudo: /usr/bin/sudo must be owned by uid 0 a ...

  2. Java代码优化建议

    总结日常Java开发常见优化策略,持续更新. 尽可能使用局部变量 调用方法时传递的参数以及在调用中创建的临时变量都保存在栈中,速度较快,其他变量,如静态变量.实例变量等,都在堆中创建,速度较慢.另外, ...

  3. 百万年薪python之路 -- 函数初始练习

    1.整理函数相关知识点 2.写函数,检查获取传入列表或元组对象的所有奇数位索引对应的元素,并将其作为新列表返回给调用者. def func(lst): lst = lst[1::2] return l ...

  4. Spark执行流程(转)

       原文地址:http://blog.jobbole.com/102645/     我们使用spark-submit提交一个Spark作业之后,这个作业就会启动一个对应的Driver进程.根据你使 ...

  5. 解决错误 系统找不到指定的批标签 make_command_arguments |hadoop windows出错

    问题:cmd命令行传参数出错 此文章 适用于 cmd命令行传参数出错 在windows 7下倒腾 Hadoop 时出现 The system cannot find the batch label s ...

  6. 如何在chrome使用vue-devtool?

    1.在应用中安装 2.去查找文件 C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhd ...

  7. fenby C语言 P30

    int a[5],*p=a; int a[5],*p=&a[0]; #include <stdio.h> int main(void){ int a[5],*p=a,i; for( ...

  8. Android H5混合开发(4):构建Cordova Jar包

    前言 上一节,介绍了原生项目如何嵌入Cordova,我们对Cordova的依赖使用的是CordovaLib Module,这也是安卓项目常用的方式. 但是,也有项目希望以Jar包的方式依赖Cordov ...

  9. Python基础知识-运算符

    今日学习内容 用户交互 用户交互就是人向机器发出指令,机器分析处理后,给人们返回操作结果(装13的说法).直白地讲,就是人往计算机中输入(input)数据,计算机输出(output)结果.交互的本质就 ...

  10. 暑期集训20190725 胜地不常(paradise)

    [题目描述] 给定两个长度为n的非负整数数组a,b, [输入数据] 第一行一个整数n. 第二行n个整数a1~an. 第三行n个整数b1~bn. [输出数据] 一行一个整数表示答案. [样例输入] 4 ...