40.js--同名标识符提升问题

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

目录

文章目录

        1. 同名标识符提升问题:变量函数同名时   变量然后函数

        2.同名标识符提升问题:变量变量同名时()    

        3.同名标识符提升问题:函数和函数同名时

        4.什么是形实函运(口诀)(个人总结)?

---

程序案例1；

        var a = 10
		function fn() {
			console.log(a)
			a = 40
			var a = 20/
			console.log(a)
		}

		console.log(a)
		fn()
		console.log(a)

运行结果：

 注释与总结：

function fn() {

            //隐式操作:把var 修饰的变量名提前声明

            console.log(a)//声明了却没有赋值的变量undefined

            a = 40//给隐式声明的变量赋初始化值

            var a = 20//更新a的值 40==>20

            console.log(a)//20

        }

总结：

        每一个作用域在运行时,js引擎会先把作用域内部的关键字隐式提前扫描

程序案例2；函数也会隐式提升: 变量值提升声明,函数提升的是整个函数体

        fm()
		fn()
		function  fn () {
			console.log(666)
		}

运行结果：

 1.隐式提升函数

程序案例1；

        //1.隐式提升函数
         function  fn () {
			console.log(666)
		}

		// 2.正常运行代码
		fn()

运行结果：

1. 同名标识符提升问题:变量函数同名时   变量然后函数

程序案例1；

        console.log(a)
		var a=20
		function  a () {
			console.log(100)
		}		
		console.log(a)
		

运行结果：

 程序注释：

        

1.

        var a

        function  a () {

            console.log(100)

        }

       

       

         console.log(a)

         a=20

         console.log(a)

2.同名标识符提升问题:变量变量同名时()    

程序案例1；

      	console.log(a)
		var a=10;
		console.log(a)
		var a=20;		
		console.log(a)

运行结果：

程序注释：

        

        1.var a;var a;

        2.console.log(a)//undef

        3.a=10;

        4.console.log(a)//10

        a=20;

        console.log(a)//20

3.同名标识符提升问题:函数和函数同名时

程序案例1；

          function fn () {
				console.log(111)
			}
			function fn () {
				console.log(2222)
			}			
			fn()
		
		

运行结果：

4.什么是形实函运(口诀)(个人总结)?

这不是官方的说法,面试的时候不能这样说

        它是指,在一个作用域的代码运行的时候  js引擎会执行代码的过程有一个执行流程

        这个流程就是:

         1.先隐式提升当前作用域内部的所有形参变量和局部变量  (只是声明提升,不提升赋值)

         2.再把实参赋值给形参变量

         3.然后执行函数的隐式提前声明

         4.再按照代码顺序运行代码

案例：

        var a=20
		function fn(a){			
			console.log(a,1)
			a=90
			console.log(a,2)
			var a=100
			console.log(a,3)
			function  a () {
				console.log(6666)
			}
			console.log(a,4)			
		}
		fn(a)

运行结果：

 程序注释：

        

        var a;

        a=20

         function  a () {

            console.log(6666)

         }

         

        //打印函数

        a=90

        console.log(a,2)//打印90

         a=100

        console.log(a,3)//100

        console.log(a,4)    //100

对象内部的方法不会隐式提升