资讯专栏INFORMATION COLUMN

Function 类型的七点总结

SimpleTriangle / 3202人阅读

一、不带圆括号的函数名访问的是函数指针,而非调用函数
function sum(num1,num2){

return num1+num2;

}

console.log(sum(10,10));//20

console.log(sum);  //function sum(num1, num2)

console.log(sum()); //NaN

var anotherSum=sum;

console.log(anotherSum(10,10));//20

sum=null;    //使得sum()函数的指针为空

console.log(anotherSum(10,10));//20

console.log(sum(10,10));//uncaught TypeError: sum is not a function
二、ECMAScript 没有函数重载的概念
  

虽然函数名可以理解为指针,但是ECMAScript 没有函数重载的概念 如果申明了同名的函数,则按顺序,后面的函数覆盖掉前面的函数

三、函数申明与函数表达式的区别---函数申明会被解释器预先读取(function declaration hoisting)
        alert(sum(10,10));//20;因为预先读取到了sum()函数的申明

        alert(sum1(10,10))//报错,因为找不到sum1()函数;
        function sum(num1,num2){

        return num1+num2;

        }

        var sum1=function(num1,num2){

        return num1+num2;

        }
四、var sum=function( ){...} 和 sum=function( ){....}的区别?
  

和变量的定义是相似的,缺少 var 关键字,定义的就是全局变量。 但是这两种写法都是函数的表达式写法。

五、在函数内部有两个特殊的对象:arguments 和 this

arguments 是一个数组,主要作用是保存函数参数-----所以javascript函数不在乎传进来什么类型的参数,也不在乎传进来几个参数.

作用一:可以直接利用数组访问参数 ,如arguments[0];

作用二:在递归函数中的应用--------arguments.callee();

  

这里重点说明一下arguments.callee();它相当于FunctionaName( )

    function factorial(num){

    if (num<=1){

    return 1;

    }else{

    return num*arguments.callee(num-1);

    }

    }

不用 return num*factorial( num-1);的目的就是担心函数名在发生变化,程序会出错 这叫消除紧密耦合现象

六、函数的两个属性和方法
  

每个函数都包含length 和prototype 属性

length用法: FunctionName.length 可以得到函数当前传入的参数个数

prototype用法:函数的原型属性,很多函数的方法依托于这个属性,也是实现函数继承的重要因素

  

每个函数都包含非继承来的两个方法:apply( )call( );

主要的意义在于:(1)传递函数参数(2)扩充函数的作用域

举个栗子:

//apply()和call()扩充函数作用域,功能:在特定的作用域中调用函数

        window.color="red";

        var object={ color:"blue"}

        function sayColor(){

        alert(this.color);

        }

        sayColor();//red--函数内部作用域中没有color属性,便利用函数作用域链向上找到全局window.color="red"

        sayColor.call(this);//red--调用函数内部作用于,找color,没找到便向上查找找到全局window.color="red"

        sayColor.call(object);//blue--函数体内部this指针指向object,所以找到 color:"blue"

        sayColor.call(window);//red--同理找到全局作用域window.color="red"
七、涉及到的专业术语

function declaration hoisting (函数申明提升) 避免函数的紧密耦合

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

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

相关文章

  • 《JS高级程序设计》读书笔记----JS创建对象的七种模式

    摘要:用对象字面量形式创建的对象,直接赋值给函数的原型对象,本质上完全重写了其对象,因此属性也就变成了新对象的属性指向构造函数,不再指向函数。 【上一篇】:JavaScript对象内部属性及其特性总结 showImg(https://segmentfault.com/img/bVbjYsc?w=839&h=489); 工厂模式(★★) 先在内部显示地创建一个临时对象,根据接收的参数来构建(赋...

    Dogee 评论0 收藏0
  • DOMJS高级程序设计笔记——DOM2和DOM3

    摘要:对象包含下列属性返回整条规则对应的文本包括选择符和花括号返回当前规则的选择符一个对象返回规则中所有的样式当前规则所属的样式表表示规则类型的常量值。从文档中分离解除引用推荐在使用完范围后再执行上述两个步骤。 DOM1级主要定义了HTML和XML文档的底层结构,DOM2和DOM3则在DOM1的基础上引入了更多的交互功能,支持了更高级的XML特性。DOM2和DOM3分为许多模块(模块之间具...

    zzir 评论0 收藏0
  • Python中的对日期时间的处理

    摘要:中提供了一个和的模块可以用来做格式化日期和时间的。格式化日期通过模块中方法来格式化日期函数接收时间元组并返回以可读字符串表示薪资的时间格式的话由参数决定。每日宽度间隔为字符每行的长度为是每星期的行数。 我们可以通过学习在Python中对日期时间的处理,可以在快速的完成工作,比如: 将日期时间作为日志信息的内容输入 计算某一个功能的执行时间 用日期命名一个文件的名称 记录或者展示文件的...

    techstay 评论0 收藏0
  • 懒人法宝:定时订票详解

    摘要:背景订票网站韵动株洲游泳馆订票网站订票规则用户当天,预约第二日免费游泳公益券领取资格,每位用户每天只能预订一张如有余票当天也可预订。 前言 暑假闲来无事,每天上午的宝贵时间想去游泳,减减肚子,练练耐力,正好我们那个地方游泳馆上午提供免费的票,但是,需要前一天早上七点开始预定第二天上午的免费游泳票。往年暑假,我是每天早上六点五十五准时起床,眼睛半睁不睁的等着七点一到,立马抢票!抢完一脸解...

    kid143 评论0 收藏0

发表评论

0条评论

SimpleTriangle

|高级讲师

TA的文章

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