JavaScript函数：使用关键字function定义，也可以使用内置的JavaScript函数构造器定义

匿名函数：

函数表达式可以存储在变量中，并且该变量也可以作为函数使用。

实际上是匿名函数。

<body>

<p>函数存储在变量后，变量可作为函数使用：</p>

<p id="demo"></p>

<script>

var x = function(a,b){return a+b; };

document.getElementById("demo").innerHTML = x(1,2);

</script>

</body>

构造函数：

<body>

<p>JavaScrip 内置构造函数。</p>

<p id="demo"></p>

<script type="text/javascript" charset="utf-8">

    var multiply = new Function("a","b","return a*b");

    document.getElementById("demo").innerHTML = multiply(3,4);

</script>

</body>

另一种写法：

<body>

<p id="demo"></p>

<script type="text/javascript" charset="utf-8">

    var multiply = function(a, b) { return a*b };

    document.getElementById("demo").innerHTML = multiply(3,5);

</script>

</body>

函数的提升：

  • 提升是JavaScript默认将当前的作用于提升到前面去的行为，应用在变量的声明与函数的声明
  • JavaScript在执行代码之前会进行预编译，而预编译的作用就是将函数和变量的作用域提升至其对应作用域的最顶端
  • 因此，函数可以在声明之前调用

函数的自调用：

通过添加括号来说明他是一个函数表达式

<script>

(function () {

    document.getElementById("demo").innerHTML = "Hello! 我是自己调用的";

})();

</script>

函数对象：

  • 在JavaScript中使用typeof操作符判断函数类型将返回function，但是JavaScript函数描述为一个对象更加准确
  • JavaScript函数有属性和方法，arguments.length属性返回函数调用过程接收到的参数个数

箭头函数：默认绑定外层this的值，在箭头函数中this的值和外层的this是一样的

() => {}

函数参数：

  • JavaScript对函数参数的值没有进行任何检查
  • JavaScript函数参数与大多数其他语言的函数参数区别在于:它不关注参数个数与参数数据类型
  • 如果函数设置了过多的参数，参数将无法被引用，只能使用Arguments对象来调用
  • 没有设置时，参数默认为undefined
<body>

<p>设置参数的默认值。</p>

<p id="demo"></p>

<script>

function myfunction(x,y) {

    if(y == undefined){

        y = 0;

    }

    return x * y;

}

document.getElementById("demo").innerHTML = myfunction(4);

</script>

</body>

Arguments对象：

  • argument对象包含了函数调用的参数数组

通过Argumens对象找到参数中的最大值：

<script>

x = findMax(1,100,-200,101,1111,22112);

  function findMax(){

      var i,max = arguments[0];

      if(arguments.length < 2) return max;

      for( i = 0; i < arguments.length; i ++){

          if(arguments[i] > max)

          {

            max = arguments[i];

          }

    }

      return max;

  }

document.getElementById("demo").innerHTML = x;

</script>

参数的值传递：

在函数外定义的参数，如果在函数中修改参数的值，将不会修改参数的初始值（或者说定义值）。

因此，JavaScript函数传值只是将参数的值传入函数，函数会另外配置内存保存参数值，所以并不会改变原参数的值

var x = 1;

// 通过值传递参数

function myFunction(x) {

    x++; //修改参数x的值，将不会修改在函数外定义的变量 x

    console.log(x);

}

myFunction(x); // 2

console.log(x); // 1

参数的对象传递：

在JavaScript中可以引用对象的值，因此我们在函数内部修改对象的属性就会修改其初始的值。

var obj = {x:1};

// 通过对象传递参数

function myFunction(obj) {

    obj.x++; //修改参数对象obj.x的值，函数外定义的obj也将会被修改

    console.log(obj.x);

}

myFunction(obj); // 2

console.log(obj.x); // 2

总结：

  • 参数的值传递，不改变变量的初始值
  • 参数的对象传递，改变对象的初始值

6 JavaScript函数&内置构造&函数提升&函数对象&箭头函数&函数参数&参数的值传递与对象传递的更多相关文章

  1. python 匿名函数&内置函数

    匿名函数:为了解决那些功能很简单的需求而设计的一句话函数怎么定义匿名函数: cal = lambda x : x*x # cal是函数名,lambda是定义匿名函数的关键字 冒号前面的额x是参数即函数 ...

  2. ipython, 一个 python 的交互式 shell，比默认的python shell 好用得多，支持变量自动补全，自动缩进，支持 bash shell 命令，内置了许多很有用的功能和函数

    一个 python 的交互式 shell,比默认的python shell 好用得多,支持变量自动补全,自动缩进,支持 bash shell 命令,内置了许多很有用的功能和函数. 若用的是fish s ...

  3. Python第七天 函数 函数参数 函数里的变量 函数返回值 多类型传值 函数递归调用 匿名函数 内置函数

    Python第七天   函数  函数参数   函数里的变量   函数返回值  多类型传值     函数递归调用   匿名函数   内置函数 目录 Pycharm使用技巧(转载) Python第一天   ...

  4. python学习day11 函数Ⅲ (内置函数与lambda表达式)

    函数Ⅲ(内置函数&lambda表达式) 1.函数小高级 函数可以当做变量来使用: def func(): print(123) func_list = [func, func, func] # ...

  5. Python学习笔记014——迭代工具函数 内置函数enumerate()

    1 描述 enumerate() 函数用于将一个可遍历的数据对象(如列表.元组或字符串)组合为一个索引序列,同时列出数据和数据下标,一般用在 for 循环当中. 2 语法 enumerate(sequ ...

  6. Python学习（五）函数 —— 内置函数 lambda filter map reduce

    Python 内置函数 lambda.filter.map.reduce Python 内置了一些比较特殊且实用的函数,使用这些能使你的代码简洁而易读. 下面对 Python 的 lambda.fil ...

  7. python 函数--内置函数

    一.内置函数 内置函数是python自带的一系列常用函数. 二.python3中内置函数     内置功能     abs() delattr() hash() memoryview() set() ...

  8. JavaScript 标准内置对象Promise使用学习总结

    Javascript标准内置对象Promise使用学习总结   by:授客 QQ:1033553122 1.   基础用法 var condition = true; let p = new Prom ...

  9. 第一百零八节，JavaScript，内置对象，Global对象字符串编码解码，Math对象数学公式

    JavaScript,内置对象,Global对象字符串编码解码,Math对象数学公式 学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMASc ...

随机推荐

  1. js处理文章详情页点击量统计

    具体需求:在文章管理系统中,需要统计文章详情页面的点击量,来体现该文章是否受用户欢迎,方便管理员调整日后编辑新文章时的内容方向. 解决方案:设置有过期时间的cookie 我们在访问文章详情页面时,拿到 ...

  2. Go_file操作

    1. FileInfo package main import ( "os" "fmt" ) func main() { /* FileInfo:文件信息 in ...

  3. 【C语言】找出1000以内可以被3整除的数

    分别用while,do-while,for语句实现 方法一:while #include<stdio.h> int main() { int m; m = ; ) { == ) print ...

  4. 自定义控件之绘图篇（四）：canvas变换与操作

    具体操作见下面链接: http://blog.csdn.net/harvic880925/article/details/39080931/

  5. Java的JAVA_HOME、Path、CLASSPATH环境变量小结,可以借助这三个的配置去理解Oracle中的那几个环境变量的配置作用

    问题:在哪里都能执行java命令,是和JAVA_HOME变量有关系呢还是path中指定的那个java路径呢?? 刚学Java的时候,很多jdk配置教程都要求设置JAVA_HOME.Path.CLASS ...

  6. UseIIS

    asp.net core webapi的program.cs 文件中,要加上 使用IIS进程内,可以大幅提高处理速度

  7. Azure IoT Hub 十分钟入门系列 （3）- 使用消息路由将原始设备数据记录存档

    本文主要分享一个案例: 10分钟使用消息路由将原始设备数据记录存档 B站视频讲解:https://www.bilibili.com/video/av90223893/ 本文主要有如下内容: 1.理解什 ...

  8. Re（正则表达式）库入门

    一.正则表达式的概念 正则表达式 "一行胜千言" regular expression regex RE 是用来简洁表达一组字符串的表达式. 'PN' 'PYN' 'PYTN' & ...

  9. JS高级---实例对象使用属性和方法层层的搜索 （实例对象-->原型对象-->报错）

    实例对象使用属性和方法层层的搜索:   实例对象使用的属性或者方法, 先在实例中查找, 找到了则直接使用: 找不到则, 再去实例对象的__proto__指向的原型对象prototype中找, 找到了则 ...

  10. laravel框架学习笔记

    一.laravel的安装 1.composer 作用:主要管理php中的依赖关系(类似于yum源) 可以安装的软件: curl    //主要用到微信开发中 upload //文本操作 excel / ...