参数名、变量名、函数名的优先级

最新推荐文章于 2023-01-14 20:31:42 发布
最新推荐文章于 2023-01-14 20:31:42 发布
阅读量721 收藏
点赞数 1
分类专栏： 前端

【js】JavaScript中同名标识符优先级

2015年09月16日 13:31:46 阅读数：360

一，局部变量先使用后声明，不影响外部同名变量

1

2

3

4

5

6

7

var x = 1; // --> 外部变量x

function fn(){

    alert(x);  // --> undefined 局部变量x先使用

    var x = 2; // 后声明且赋值

}

fn();

alert(x); // --> 1<br>

第一点，函数fn内第一句输出x，x是在第二句才定义的。这在JS中是允许的，这里的允许是指不会出现语法错误程序可以运行。
但在其它语言如C，Java中却是不允许的。变量必须先声明后使用，如

1

2

3

4

5

6

public class Test {

    public static void main(String[] args) {

        System.out.println(x); // 先使用

        int x = 10; // 后声明

    }

}

Java中编译器会提示错误，程序无法运行。


第二点，函数fn内的局部变量x不会影响到外部的变量x。即fn内alert输出不是1，而是undefined。

第三点，要是将

 alert(x);  // --> undefined 局部变量x先使用

    var x = 2; // 后声明且赋值

 

调换先后顺序则fn() 的输出结果为2.

 

二，形参优先级高于函数名

1

2

3

4

function fn(fn){

    alert(fn);

}

fn('hello'); // --> "hello"

可以看到函数名和形参同名都是fn，输出的是字符串"hello"，却不是函数fn的函数体(fn.toString())。

 

三，形参优先级高于arguments

1

2

3

4

function fn(arguments){

    alert(arguments);

}

fn('hello'); // --> "hello"<br>

arguments对象可以直接在函数内使用，是语言本身提供的一个 特殊标识符 。
这里刚好将形参声明成与其同名。输出可以看到是"hello"而非"[object Object]"，即形参arguments覆盖了语言本身提供的真正的arguments。

 

四，形参优先级高于只声明却未赋值的局部变量

1

2

3

4

5

function fn(a){

    var a;

    alert(a);

}

fn('hello'); // --> "hello"

函数fn形参为a，函数内第一句仅声明局部变量a，却并未赋值。从输出结果是"hello"而非undefined可以看出形参a优先级高于仅声明却未赋值的局部变量a。

 

五，声明且赋值的局部变量优先级高于形参

1

2

3

4

5

function fn(a){

    var a = 1;

    alert(a);

}

fn('hello'); // --> "1"

函数fn形参为a，函数内第一句仅声明局部变量a，赋值为1。从输出结果是"1"而非"hello"可以看出声明且赋值的局部变量a优先级高于形参a。

 

六，形参赋值给同名局部变量时

1

2

3

4

5

function fn(a){

    var a = a;

    alert(a);

}

fn('hello');

暂不运行，猜测下结果。如果按照第五点：声明且赋值的局部变量优先级高于形参。那么a将是undefined。但实际上a是"hello"，即右a是形参a，左a才是局部变量a。

这里的两个a互不干扰，谁也没覆盖谁。这与刚刚说的赋值的局部变量优先级高于形参又矛盾了。但引擎这样做的确是我们想要的，因为并不希望var a = a后a是undefined。

 

 

实例：

 

 

  1. <!DOCTYPE html>

  2. <html>

  3. <body>

  4.  
  5.  

  6. <script>

  7. var num1 = 10;

  8. function test(){

  9. if(num1==10){

  10. var num1 = 1;

  11. }

  12. else{

  13. var num1 = 2;

  14. }

  15. alert(num1);

  16. }

  17. test(); //返回2

  18. </script>

  19.  

  20. </body>

  21. </html>


我一开始还没理解hoisting的时候，对这个例子百思不得其解。安装hoisting原则，var会将declaration进行hoist，但是definition并不会hoist。在var num1 = 10这句代码里面，其实包含了两个语句，第一个是declaration（也就是声明）：var num1;，第二个是definition（定义赋值）：num1 = 10;根据hoisting原则，声明会被hoist到当前作用域的顶端，但不会对定义hoist。因此在这个例子里面，函数test()的作用域里num1的值为undefined，不等于10，因此最后赋值为2.

管家萌
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python3中函数参数的四种简单用法
12-23
当函数内部定义了一个与全局变量同名的局部变量时，函数内部的局部变量优先级高于全局变量。在`change_name`函数中，虽然内部改变了`name`的值，但这只影响函数内部，不影响外部的全局变量`name`。 总之，理解和...
浅析JavaScript中的同名标识符优先级
12-02
在示例中，`function fn(fn)`的形参`fn`覆盖了函数名`fn`，因此`alert(fn)`会输出传递给函数的参数值，而不是函数本身的引用。 3. **形参优先级高于`arguments`对象**： `arguments`对象在函数内部提供了一个特殊...
Javascript中同名标识符优先级
zhouruitao的专栏
11-16 169
一，局部变量先使用后声明，不影响外部同名变量 var x = 1; // --&gt; 外部变量x function fn(){ alert(x); // --&gt; undefined 局部变量x先使用 var x = 2; // 后声明且赋值 } fn(); alert(x); // --&gt; 1 第一点，函数fn内第一句输出x，x是在第二句才定义的。这在js中...
javascript的面向对象方法调用中的优先级浅析
longmei的专栏
04-07 657
javascript的面向对象有人说实际上应该成为基于对象，我觉得很有道理。因为javascript中只有所有构成的基本元素就是对象，包括类也是以对象的形式出现的。这里不打算分析javascript面向对象的基本原理，只想从面向对象的继承这种概念入手，了解javascript是如何实现继承的。首先定义一个类：personfunction person(){ this.name; this.age; this.sex;
函数与变量的优先级
weixin_34054866的博客
12-19 3842
我们之前说过变量声明会出现变量提升的情况，这个问题说的已经很多了，但是我还是想在啰嗦一下。直觉上我们都会认为 JavaScript 是单线程语言，代码在执行时是由上到下一行一行执行的。但实际上这并不完全 正确，有一种特殊情况会导致这个假设是错误的，这种特殊情况不包括异步。 a = 2; var a; console.log( a ); 复制代码那么这个a应该输出什么呢，很多人认为会输出undefi...
（C）在外部变量与局部变量同名时，局部变量优先
qq_53201950的博客
01-14 187
调用函数
C语言优先级
07-31
- 函数调用：函数名(参数列表) - 改变运算优先级：(表达式) - **结合方向**：从左到右 - **示例**：`int result = (a + b) * c;` 此处先计算括号内的加法，再进行乘法。 #### 2. 成员选择 `. ->` 运算符 - **...
JavaScript中重名的函数与对象示例详析
11-29
在函数内部，如果函数名与内部变量重名，这可能导致一些混淆。函数内部的`this`指向全局对象（在浏览器环境中通常是`window`对象）。例如： ```javascript function a() { console.log(this); // 输出 window{...}...
三、第一阶段-Python函数
12-21
定义函数使用 `def` 关键字，后面跟着函数名和括号，括号内是参数列表，最后是一对冒号和函数体。例如： ```python def print_info(): print("这是打印信息的函数") ``` 调用函数则是通过函数名加上括号，如 `print...
函数参数
AndrewNeo
11-09 5627
函数参数有两种：形参和实参。 形参：在定义函数时，把函数括号中的变量名称为形式参数，简称形参或虚拟参数。 实参：在调用函数时，把函数括号中的参数称为实际参数，简称实参。实参可以为常量、变量和表达式。 实参为常量： function sum(num1,num2){//num1,num2为形参 return num1 + num2; } sum(1,2);//1，2为实参；实参为常量 (function (a,b) { //a,b为形参 return a + b; })(3,4);//3,4为实参；实参
C++函数内变量访问优先级
白日租界
05-24 503
C++函数体内变量访问的优先级：显示访问的全局变量 &gt; 局部变量 &gt; 全局变量int var = 0; int main() { int var = 99; printf("%d\n", var); //此时print的是局部变量var = 99 printf("%d\n", ::var); //此时print的是显式访问的全局变量::var = 0 return 0; }...
Swift语法_函数参数名称
xinqing007的博客
02-16 398
难度系数五颗星，因为第一次看并没有很好理解外部参数和内部参数的概念 总结：外部参数名可以省略，可以与内部参数名同名，但最好独立区分开！！！！ 函数参数都有一个外部参数名(external parameter name)和一个局部参数名(local parameter name)。外部参数名用于在函数调用时标注传递给函数的参数,局部参数名在函数的实现内部使用。 抽象栗子： func
Javascript 函数参数名妙用（区分函数参数名称）
Roger的专栏
03-04 1991
我们可以通过函数中参数名称的不同，而用不同的参数值去调用这个函数，Angular中就有这种用法。
类中的访问顺序
u010669349的博客
01-09 1968
class T1{ static{ System.out.println("static"); } { System.out.println("构造代码块"); } T1(){ System.out.println("aaaaa"); } } 访问结果为: static 构造代码块 aaaaa A：一个类的初始化过程 成员变量的初始化 默认初始化 显示初始化
变量重名优先级
weixin_33982670的博客
04-02 294
变量重名优先级 console.log(a) //ƒ a (){} var a function a (){} var a = 10 console.log(a) //10 复制代码同一个标识符的情况下，变量声明与函数声明都会提升；函数声明会覆盖变量声明，但不会覆盖变量赋值，即：如果声明变量的同时初始化或赋值那么变量优先级高于函数。 有几条原则： 函数声明会置顶 变量声明也会置顶 函数声明比...
C语言旅途之外部(全局)变量和局部变量之间的关系
狮子座的男孩
02-16 785
Ⅰ、简单的入门： ①、//代码摘下直接可以运行 #include<stdio.h> int x=500; //外部定义变量与初始化 void f1() { x+=100; printf(“x=%d\n”,x); } void f2() { int x=10; //局部变量定义与初始化 printf(“x=%d\n”,x); } int main() { int x=300;//局部...
关于C语言中局部变量、外部变量、静态变量的理解
weixin_33978016的博客
10-21 382
为什么80%的码农都做不了架构师？>>> ...
C语言中局部变量与全局变量的区别及其同名时的优先级
C++领域内容分享
07-15 7042
在C语言中，按照变量的作用域将变量分为和顾名思义，即在定义的变量，函数的形式参数也称为局部变量；同名时
python中函数中的函数，内层函数判断条件中参数名和执行语句参数名一致，且为外层函数获取的传参哪个获取内存空间优先级高
最新发布
06-06
在Python中，函数中的函数也遵循和普通函数一样的变量作用域规则。因此，当内层函数中的...因此，当使用函数中的函数时，应该注意函数参数名的作用域，避免出现命名冲突的情况，或者使用不同的变量名来避免这种问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值