资讯专栏INFORMATION COLUMN

js 2-函数

andot / 1349人阅读

摘要:代码示例返回参数平方和函数的重载在静态语言中相同名字的函数,如果其参数个数不同或者参数顺序不同都被认为是不同的函数,称为函数重载。立即执行函数的作用函数立即执行,先括号声明函数然后括号调用函数。

函数声明和函数表达式的区别

函数声明:
function functionName(){ statement; }
函数表达式:
var printName = function(){ console.log("Byron"); };
对于函数声明,js解析器会优先读取(与变量提升类似,整个函数声明也会预先解析
),确保在所有代码执行之前声明已经被解析。而函数表达式,如同定义其它基本类型的变量一样,定义变量名和赋值分两个阶段,定义变量名被提升,函数赋值过程并没有一起被提升。具体表现在,当使用函数声明的形式来定义函数时,可将调用语句写在函数声明之前,而函数表达式,调用语句写函数表达式前面会出错。当声明同一名称的函数和变量时,变量声明在函数声明前面,后面的函数声明会覆盖前面变量的声明。如果一个函数的声明被括号括起来,此时是一个语句,函数声明不会被提升(前置)由于JavaScript的这一怪异的“特性”,我们在函数内部定义变量时,请严格遵守“在函数内部首先申明所有变量”这一规则。最常见的做法是用一个var申明函数内部用到的所有变量

变量,函数的声明前置

1.变量前置就是把变量的声明提前到当前作用域的最前面,但变量的赋值仍然按照原来的顺序执行,如果变量声明但未被赋值,变量会自动赋值为undefined。
2.函数的声明前置有两种情况,一个是使用函数声明,则整个声明都前置,而且会被前置到变量声明的后面;另一个是使用函数表达式,那么规则和变量的声明前置一样。
代码示例:

console.log(a);  //undefined  声明变量,变量提升 var a,还未执行赋值,所以a为undefined
var a = 1;      //a=1;        执行变量赋值,a=1;
console.log(b);  //b is not defined  b未声明
// 以函数声明方式定义函数,函数声明提升,调用函数的语句可写在函数声明语句前
sayName("world")
function sayName(name){
    console.log("hello ", name);
}

  sayAge(10); //sayAge is not a function 以函数表达式方式定义函数,类似变量提升,var sayAge为undefined所以调用函数时提示不是函数
    var sayAge = function(age){
        console.log(age);
    };

同名变量提升

    function fn(){} //先变量提升var fn,再函数提升var fn=function(){},因为同名所以此时函数提升覆盖变量提升,fn为函数 
    var fn = 3;  //fn=3,此时fn的值为3
    console.log(fn); //输出3
函数的arguments

函数中默认的arguments对象是获取的函数在执行中传递进函数的实际参数。arguments只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数。arguments类似Array即类数组对象,但它不是一个Array。即使函数不定义任何参数,arguments还是可以拿到参数的值。arguments常用来检测传递进函数的参数个数。类数组对象转数组使用Array.prototype.slice.call(arguments)方法。
代码示例:
返回参数平方和

function sumOfSquares(){
     var sum=0;
     for(var i=0;i

JS函数的重载

在静态语言中相同名字的函数,如果其参数个数不同或者参数顺序不同都被认为是不同的函数,称为函数重载。在JavaScript中没有函数重载的概念,函数通过名字确定唯一性,参数不同也被认为是相同的函数,后面的覆盖前面的。JS函数重载用arguments来遍历传递进函数的参数,根据参数的值来执行不同的代码。

立即执行函数的作用

函数立即执行,先括号声明函数然后括号调用函数。
(function(){ })( )(函数声明)(函数调用)或者(function( ){ }( ))
立即执行函数表达式一般不需要给函数命名,因为只需要立刻执行并返回一个结果就行。函数立即执行的作用:
1.不必为函数命名,避免了污染全局变量,立即执行完成后被内存回收。
2.IIFE内部形成了一个多带带的作用域(因为加了括号成为了一个语句),可以封装一些外部无法读取的私有变量

什么是函数的作用域链

1.在大多数语言中都是用花括号{}来形成一个作用域,俗称块作用域,但是在JavaScript中{ }并没有带来块作用域(ES6除外)。ES5中作用域分全局作用域和函数作用域,函数作用域内定义的变量函数外不可以访问。
2.函数内声明变量加var代表局部变量,如果函数内声明变量不加var,则声明变量是全局变量。全局作用域的变量实际上是被绑定到window的一个属性。
3.由于JavaScript的函数可以嵌套,此时,内部函数可以访问外部函数定义的变量,反过来则不行。任何变量(函数也视为变量),如果没有在当前函数作用域中找到,就会继续往上查找,最后如果在全局作用域中也没有找到,则报ReferenceError错误。JavaScript的函数在查找变量时从自身函数定义开始,从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量,则内部函数的变量将“屏蔽”外部函数的变量。

"use strict";
function foo() {
    var x = 1; 
    function bar() {
        var y = x + 1; // bar可以访问foo的变量x! 
    } 
    var z = y + 1; // ReferenceError! foo不可以访问bar的变量y!
}

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

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

相关文章

  • JS 利用高阶函数实现函数缓存(备忘模式)

    摘要:所以这里可以利用高阶函数的思想来实现一个简单的缓存,我可以在函数内部用一个对象存储输入的参数,如果下次再输入相同的参数,那就比较一下对象的属性,把值从这个对象里面取出来。 1. 高阶函数 高阶函数就是那种输入参数里面有一个或者多个函数,输出也是函数的函数,这个在js里面主要是利用闭包实现的,最简单的就是经常看到的在一个函数内部输出另一个函数,比如 var test = function...

    hightopo 评论0 收藏0
  • 尚学堂 react -后台管理系统开发流程

    摘要:项目开发准备描述项目技术选型接口接口文档测试接口启动项目开发使用脚手架创建项目开发环境运行生产环境打包运行管理项目创建远程仓库创建本地仓库配置将本地仓库推送到远程仓库在本地创建分支并推送到远程如果本地有修改新的同事克隆仓库如果远程修 day01 1. 项目开发准备 1). 描述项目 2). 技术选型 3). API接口/接口文档/测试接口 2. 启动项目开发 1). 使用react...

    lemon 评论0 收藏0
  • [译]执行上下文、作用域链和JS内部机制

    摘要:执行上下文作用域链和内部机制一执行上下文执行上下文是代码的执行环境,它包括的值变量对象和函数。创建作用域链一旦可变对象创建完,引擎就开始初始化作用域链。 执行上下文、作用域链和JS内部机制(Execution context, Scope chain and JavaScript internals) 一、执行上下文 执行上下文(Execution context EC)是js代码的执...

    caozhijian 评论0 收藏0
  • 从底层看JS执行机制

    摘要:作用域链用于表明上下文的执行顺序。当前上下文执行完毕则出栈,执行下一个上下文。 从一个简单的例子出发 先从一个简单的例子出发(先不涉及异步),看看自己是否大致了解浏览器的执行机制: console.log(a); var a=1; function foo(a){ console.log(a); var a=2; console.log(a); } foo(a)...

    thursday 评论0 收藏0
  • 10分钟理解JS引擎的执行机制

    摘要:深入理解引擎的执行机制灵魂三问为什么是单线程的为什么需要异步单线程又是如何实现异步的呢中的中的说说首先请牢记点是单线程语言的是的执行机制。 深入理解JS引擎的执行机制 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.说说setTimeout 首先,请牢记2...

    zzbo 评论0 收藏0
  • javascript引擎执行的过程的理解--语法分析和预编译阶段

    摘要:所以觉得把这个执行的详细过程整理一下,帮助更好的理解。类似的语法报错的如下图所示三预编译阶段代码块通过语法分析阶段之后,语法都正确的下回进入预编译阶段。另开出新文章详细分析,主要介绍执行阶段中的同步任务执行和异步任务执行机制事件循环。 一、概述 js是一种非常灵活的语言,理解js引擎的执行过程对于我们学习js是非常有必要的。看了很多这方便文章,大多数是讲的是事件循环(event loo...

    molyzzx 评论0 收藏0

发表评论

0条评论

andot

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<