JavaScript中重名的函数与对象示例详析
程序员文章站
2022-09-08 16:32:38
前言
本文主要给大家介绍了关于javascript中重名的函数与对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
javascript...
前言
本文主要给大家介绍了关于javascript中重名的函数与对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
javascript 允许重复声明变量,后声明的覆盖之前的。
var a = 1; var a = 'x'; console.log(a); //输出'x'
javascript允许重复定义函数。
javascript没有重载这个概念,它仅依据函数名来区分函数。
后定义的同名函数覆盖之前的,与参数无关。
function test() { console.log("test"); } test(); //输出 "test arg0 + undefined" function test(arg1) { console.log("test arg" + arguments.length + " + " + arg1); } test(1,2); //输出 "test arg2 + 1"
实参个数如果比形参少,那么剩下的默认赋值为undefined;如果实参传的比形参数量多,那么是全部都会被传进去的,只不过没有对应的形参可以引用(但可以用arguments来获取剩下的参数)
function test(arg1) { for(var i=0; i<arguments.length; i++) { console.log(arguments[i]); } } test(1,2); //输出 1 2
变量与函数重名的时候,变量生效
这涉及到了变量和函数的预解析:
- 变量声明会被顶置,函数声明也会被顶置且比变量更先声明。
- 变量的声明和赋值语句一起写时,js引擎在解析时,会将其拆成声明和赋值2部分,声明置顶,赋值保留在原来位置。
- 声明过的变量不会再重复声明。
var a = 100; function a() { return "function"; } console.log(a); //输出 100 console.log(a()); /* 报错 uncaught typeerror: a is not a function (anonymous function) @test.html:9 */
js中有两种函数,一种是普通函数,一种是函数对象。下面的这种就是“函数对象”,它实际上是声明一个匿名函数,然后将该函数的init方法赋值给该变量。
var a = 100; var a = function() { return "function"; } console.log(a); /* 输出 function() { return "function"; } */ console.log(a()); //输出 "function"
函数与内部变量重名
定义普通函数,即在window变量下,定义一个key,它的名字为该函数名,值为该函数的地址。函数内部的this指向window对象。
function a() { console.log(this); //输出 window{...} this.a = 1; //即 window.a = 1,此时window下的function a已经被该变量覆盖了。 var a = 5; //下面的这几个变量都是局部变量,仅在花括号范围内有效。 a = 10; var v = "value" return "function"; } console.log(a); //输出 function a {...} console.log(a()); //输出 "function" console.log(a); //输出 1 console.log(v); /* 输出 uncaught referenceerror: v is not defined (anonymous function) @ mycolor.html:15 */
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。
上一篇: 基于vue组件实现猜数字游戏
下一篇: js仿微信抢红包功能
推荐阅读
-
Javascript中click与blur事件的顺序详析
-
JavaScript中的事件与异常捕获详析
-
JavaScript中重名的函数与对象示例详析
-
Javascript中click与blur事件的顺序详析
-
关于PHP面向对象中—类的定义与对象的实例化操作以及构造、析构函数的特殊用法 - WORSHIP亚萨
-
JavaScript中重名的函数以及对象的示例
-
JS动态添加与删除select中的Option对象(示例代码)_javascript技巧
-
JavaScript中重名的函数与对象实例详解
-
JavaScript中Function函数与Object对象的关系_javascript技巧
-
JavaScript中重名的函数以及对象的示例