`

JS不支持重载

    博客分类:
  • JS
阅读更多
也许你尝试过这样写JS代码:
function sayHello(name, message){
  alert("Hello! " + name + message);
}

function sayHello(name){
  alert("Hello! " + name);
}

sayHello("Peter", "Nice to see you.");

可惜你永远也不会得到你想要的结果,这段代码只会返回"Hello! Peter",因为它只会执行第二个function.

测试一下,用函数的length属性可以知道函数需要几个参数:
alert(sayHello.length); // 1
证明调用的是function sayHello(name).

也可以直接把函数名引用的函数显示出来:
alert(sayHello);
你会看到显示的是第二个函数.

你可以这样写:
function sayHello(){
  if(arguments.length == 1){
    alert("Hello! " + arguments[0]);
  }
  if(arguments.length == 2){
    alert("Hello! " + arguments[0] + arguments[1]);
  }
}

sayHello("Peter"); // "Hello! Peter",
sayHello("Peter", ", Nice to see you."); // "Hello! Peter, Nice to see you."
arguments是参数数组对象,它存储了传给函数的参数.

原因是function函数只不过是一种引用类型,当你第二次使用函数名定义函数时会把第一次定义的函数覆盖掉.
var handle = function(){
  alert("Understand?");
}

handle(); // "Understand?"

既然函数只是引用类型,那么就可以把它作为参数传给其他函数
var handle = function(){
  alert("GoodBye!");
}

function say(fun){
  fun();
}

say(handle); // "GoodBye!"

分享到:
评论

相关推荐

    ES6中Proxy与Reflect实现重载(overload)的方法

    从语法角度讲JavaScript不支持重载。原因很简单,JS中函数可以传入任意类型、任意个数的参数,通通可以通过在函数内使用this.arguments获得。这样,就无法实现同名函数参数列表不同实现不同功能。当然,在实际使用...

    JS函数重载的解决方案

    在面向对象的编程中,很多语言都支持函数重载,能根据函数传递的不同个数、类型的参数来做不同的操作,JS对它却不支持,需要我们额外做些小动作。 在JS的函数执行上下文中有一个名为arguments的有意思的变量,它以...

    让JavaScript 轻松支持函数重载 (Part 1 – 设计)

    JavaScript支持重载吗? JavaScript支持函数重载吗?可以说不支持,也可以说支持。说不支持,是因为JavaScript不能好像其它原生支持函数重载的语言一样,直接写多个同名函数,让编译器来判断某个调用对应的是哪一个...

    让 JavaScript 轻松支持函数重载 (Part 2 - 实现)

    在上一篇文章里,我们设计了一套能在JavaScript中描述函数重载的方法,这套方法依赖于一个叫做Overload的静态类,现在我们就来看看如何实现这个静态类。

    如何实现JS函数的重载

    javascript不能支持函数的重载,如下: 代码如下:[removed] function f(length) { alert(“高为:”+length); } function f(length,width) { alert(“高为:”+length+”,宽为:”+width); } ...

    让JavaScript 轻松支持函数重载 (Part 1 - 设计)

    JavaScript支持函数重载吗?可以说不支持,也可以说支持。说不支持,是因为JavaScript不能好像其它原生支持函数重载的语言一样,直接写多个同名函数,让编译器来判断某个调用对应的是哪一个重载。

    JavaScript重载函数实例剖析

    首先javascript是没有重载函数这个概念的,很久以前,我用javascript做网页的时候,写一些简单的效果,根本不需要用到重载函数,当写游戏的时候,有大量的函数的时候,就想用重载函数了,没想到javascript不支持。...

    将SVG文件转换为VueSFC支持热重载和SVGO

    将SVG文件转换为Vue SFC(支持热重载和SVGO)

    JavaScript中常见陷阱小结

    JavaScript不支持重载,在JavaScript中,脚本在执行时不会顾及函数定义时的参数,而是直接使用在作用域链中最后定义的那个函数。这意味着,相同名称的函数永远只存在一个实例 闭包是与作用域相关的一个概念,它指的...

    haxe-overload:Haxe宏库支持重载函数

    Haxe本身不支持重载函数。 那可能是最好的。 但是,某些API使用重载方法会感觉更好。 例如,我建议使用JavaScript的 API(它包含字符串,正则表达式以及替换字符串或替换函数),这很整洁。 我不必记住,在Haxe的本...

    javascript函数重载解决方案分享

    JS的函数定义可以指定形式参数名称,多多少少我们会以为js至少可以支持参数个数不同的方法重载,然而遗憾的是这仅仅是一个假象,js所有的参数都是以arguments传递过去的,这个参数类似于数组,在函数调用的时候,...

    DIY的JS文本框水印插件2.1

    在决定写这个插件前,我一直搞不懂像JS那样的动态类型语言怎么样能实现重载呢?虽然那时懂,但我确定是存在的,因为在JQuery中,css()方法就是一个很好的例子,如:“$("p").css("color");”和“$("p").css({ color...

    ecmascript.overload2:用于JavaScript函数重载的优雅解决方案

    作为一种弱类型语言,JavaScript不支持函数重载。 同时,幸运的是,JavaScript中的函数可以与任何参数一起传递,这就是为什么重载2可行的原因。目录链接开始使用首先安装过载2 。 # Install overload2 and save as ...

    一个reactnative移动项目启动工具包拥有超过40屏幕和主题热重载的支持

    一个reactnative移动项目启动工具包拥有超过40屏幕和主题热重载的支持

    node-hot-loader:Node.js应用程序的热模块替换(热重载)。 在不重启服务器的情况下进行开发

    Node Hot Loader是用于使用开发Node.js应用程序的支持的小型工具。 它在后台使用webpack和babel,因此您可以在配置文件中使用所有需要的配置来配置babel和webpack。 如果您设置了相应的,则节点热加载程序默认情况...

    Javascript面向对象扩展库(lang.js)

    lang.js是Javascript面向对象编程的扩展库,支持包、类的定义和函数重载等功能,接口简洁规范,易用性强,压缩包内包含文档示例和带注释的源码,欢迎下载试用。

    让 JavaScript 轻松支持函数重载 (Part 2 – 实现)

    我们允许用户输入一个字符串,表示某一个重载的签名。在用户调用函数时,我们需要拿着用户输入的参数实例去跟签名上的每一个参数类型作比较,因此我们需要先把这个字符串转换为类型数组。也就是说,字符串”Boolean...

    JavaScript 通过模式匹配实现重载

    正好infinte同学提出“更优雅的兼容”其实也和这个问题有一定的关联(我们后面会看到) 在youa的脚本库中Function的Helper中,添加支持重载的模式匹配 代码如下: /** * 函数参数重载方法 overload,对函数参数进行...

Global site tag (gtag.js) - Google Analytics