JavaScript中函数纪要（一）

plus2047 发布于2019-08-20 18:13 / 2788人阅读

摘要：中函数是一等公民，所有的函数实际上是一个对象，与其他引用类型一样拥有着属性和方法，也可以被外界或者自身调用，也可以像传递参数一样将函数传递给另一个函数。中函数没有重载的概念，当定义两个同名函数的时候，前一个函数会被覆盖掉，举个栗子。

JavaScript中函数是一等公民，所有的函数实际上是一个Function对象，与其他引用类型一样拥有着属性和方法，也可以被外界或者自身调用，也可以像传递参数一样将函数传递给另一个函数。

JavaScript中函数没有重载的概念，当定义两个同名函数的时候，前一个函数会被覆盖掉，举个栗子。

function add(num){
    console.log(num+100)
}

function add(num){
    console.log(num+200)
}
add(100)//300

为何会没有函数重载，是因为JavaScript中函数定义有以下三种，分别是函数声明，函数表达式以及使用Function构造函数。

//函数声明
function add(num){
    console.log(num+100)
}
//函数表达式
var add=function(num){
  console.log(num+200)
}
//Function构造函数
var add=new Function("num","console.log("num+300")")

add(100)//400

可以看到，当定义同名的函数的时候，也就相当于定义了同名的变量，故而后面的变量会覆盖掉前面的变量，另外需要注意的是JavaScript作用域中的 hoist，包括变量声明提升与函数函数提升。

对于变量来说，在ES5中var定义的变量会提升到作用域中所有的函数与语句前面，而ES6中let定义的变量则不会，let声明的变量会在其相应的代码块中建立一个暂时性死区，直至变量被声明。

//var声明变量
console.log(x === undefined); // "true"
var x = 3;
//let声明变量
console.log(x === undefined); // Uncaught ReferenceError: x is not defined
let x = 3;

对于函数来说，函数声明会被提升到作用域顶部，而函数表达式则不会，因而比较稳妥的是在最后调用函数

//函数声明
hoist()// hello world
function hoist(){
    console.log("hello world")
}
//函数表达式
hoist()// hoist is not a function
var hoist = function(){
    console.log("hello world")
}

也可以将函数作为另一个函数的结果返回，若是返回函数中保存着对外部函数的引用，会发生很好玩的情况：

function closure(){
  var foo=10;
  var bar=2;
  return function(){
    return foo*bar;
  }
};
var handle=closure();
console.log(handle());//20

可以看到的是，我们在closure函数内部定义了两个局部变量，然后返回带有局部变量操作结果的匿名函数，将closure函数执行后的结果（保存着foo，bar变量引用的匿名函数）赋给handle变量，此时执行handle函数可以看到，输出了closure函数内局部变量操作的结果，此时我们称这种现象为闭包，闭包其实是一个函数，在上述栗子中便是指代的closure函数内的匿名函数。不过值得注意的是，由于闭包会携带包含它的外部函数的整个作用域，故而会很占内存，因此要及时释放变量的引用，不要让其常驻内存，不然会导致内存占用过多，最后出现内存泄漏的情况。

GPU云服务器云服务器 javascript 函数 javascript函数 JavaScript函数编程 javascript函数对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84217.html

JavaScript中函数纪要（二）

摘要：和方法大作用致相同，不同的方法接受的参数，必须要明确所有要处理的参数，也就是说，参数必须要逐个列举，而方法可以选择数组作为参数，因此可以在具体的环境中，看看是选择还是方法。在函数内部有着一个名叫arguments的类数组对象，内部包含着传入函数的所有参数，在arguments对象中，有一个名叫callee的属性，其作用可见下面这个阶乘的栗子： function factorial(n...

tolerious 2019-08-20 18:16 评论0 收藏0
极简爬虫攻防战纪要

摘要：极简爬虫攻防战纪要爬虫是构建搜索引擎的基础负责抓取网页信息并对网页识别分类及过滤。爬虫方终于锁定了第一场战役的胜局由于断崖式技术的出现，反爬方在浏览器识别战役上望风披靡。经过反爬方的精心运作，逐渐有效削弱了敌方的攻势。极简爬虫攻防战纪要爬虫是构建搜索引擎的基础, 负责抓取网页信息并对网页识别、分类及过滤。我们熟识的电商、搜索、新闻及各大门户网站都有强大的爬虫集群在每...

elliott_hu 2019-08-26 14:06 评论0 收藏0
JavaScript 字符串实用常操纪要

摘要：另外如果为负数，则表示从字符串尾部开始算起。将要搜寻的子字符串。从当前字符串的哪个索引位置开始搜寻子字符串默认为。否则则会返回一个数组，数组中存放所有符合要求的子字符串，并且没有和属性。原文链接 JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种...

Harpsichord1207 2019-08-20 14:48 评论0 收藏0
PHPExcel初学纪要

摘要：流程创建一个文件获取当前的活动标签通过行列坐标获取单元格，并向其插入数据这里有种方式生成文件并输入代码预览等价于除非是根目录设置当前脚本所在目录实例化类获取当前活动标签填充数据方式一姓名性别年龄射可可男男男填充数流程创建一个excel文件获取当前的活动sheet标签通过行列坐标获取单元格，并向其插入数据(这里有2种方式) 生成文件并输入showImg(https://seg...

clasnake 2019-06-27 11:18 评论0 收藏0
7月份前端资源分享

摘要：更多资源请文章转自月份前端资源分享的作用数组元素随机化排序算法实现学习笔记数组随机排序个变态题解析上个变态题解析下中的数字前端开发笔记本过目不忘正则表达式聊一聊前端存储那些事儿一键分享到各种写给刚入门的前端工程师的前后端交互指南物联网世界的更多资源请Star：https://github.com/maidishike... 文章转自：https://github.com/jsfr...

pingan8787 2019-08-20 17:53 评论0 收藏0