JavaScript 作用域

2024-11-25 技术教程

Javascript 作用域

一般语言的作用域分两大种

1. 以代码块为作用域

2. 以函数作为作用域

相对于其他的语言的作用域以代码块为作用域

例如JAVA

publicvoidFunc(stringv){if(1==1){stringname='Java';}console.writeline(name);}

如上就会报错：因为是以一个代码块为作用域

Python :以函数作为作用域

deffunc():if1==:name='alex'print(name)func()

一：以函数作为作用域(除去let)

那么JavaScript 是以什么为作用域呢？

答案是以函数作为作用域

例如：

xo="liang";functionfunc(){varxo='eric';functioninner(){console.log(xo);}returninner;}varret=func()ret()

执行的结果为eric

那么为什么会执行的为eric 首先是解析func 函数中的代码。执行到function inner 就不会执行了

就会跳到下return inner 其实ret 就是inner 的内存对象而已了。加了一个（）之后就会执行inner 这个函数体

再来一个例子:

xo="liang";functionfunc(){varxo='eric';functioninner(){console.log(xo);}xo='tony';returninner;}varret=func()ret()

执行的结果是tony 这个是为什么呢？

首先我们看看代码 xo 的是赋值了两次。代码是遵循这一条条解析的。到了第二次赋值的时候，xo已经变为 tony

那么后面再去执行inner 这个函数的时候执行的结果就是tony 其实可以改一下代码，就看的更清晰了如下：

xo="liang";functionfunc(){varxo='eric';varxo='tony';functioninner(){console.log(xo);}returninner;}varret=func()ret()

改成这个样子之后就更清晰了，

总结一下就是函数的作用域未被调用之前已经创建了

还有一个是函数的做用链比如：

functionfunc(){functioninner(){}}

其实在调用之前是已经创建好了的作用链也就是多层函数嵌套

4.函数内局部变量提前声明

functionfunc(){console.log(xxoo);}

执行这个时候就会报错

functionfunc(){console.log(xxoo);varxxoo='print';}

但是执行这个时候就不会。因为默认函数内的局部变量就会声明一个undefined

就是说，在调用之前，xxxx=undefined 执行 console.log(xxoo); 的时候就会输出一个undefined

JavaScript 面向对象

这个其实是很有意思的

functionfoo(){varx='liang';}fucntionFoo(n){this.name=n;}varobj=newFoo('we');obj.name

比如上面的一个代码。this就相当于python中的self

一、this代指对象（pythonself）二、创建对象时、new函数()

如果面向对象中 foo 函数中还需要嵌套一个函数呢？那么尝试一下吧

functionFoo(n){this.name=n;this.sayName=function(){console.log(this.name);}}varobj1=newFoo('we');obj.nameobj.sayName()

上面写一个一个sayName 但是我对比了一下python 的一个面向对象的时候才发现这种是不合理的

如果我有50个对象。那么这个

function(){console.log(this.name);

这个代码就会在每一个对象里面进行创建。而python 是这个函数就放在类里面的。

例如这样的

classSchool(object):def__init__(self,name,addr):self.name=nameself.addr=addrself.students=[]self.teachers=[]defronle(self,stu_ojb):print("为学生注册%s"%stu_ojb.name)self.students.append(stu_ojb)defhire(self,teac_obj):print("添加新员工%s"%teac_obj.name)self.teachers.append(teac_obj)t1=Teache("liang",22,'F',12000,"Linux")t2=Teache("liang2",22,'F',12000,"Python"

我的t1 和t2 只需要去类里面去找 hire 这个方法。而不是去自己里面去定义这个方法

那么这个就引出了面向对象里面的原型：

那么解决的方法如下：

原型：functionFoo(n){this.name=n;}//Foo的原型Foo,prototype={'sayName':function(){console.log(this.name)}}obj1=newFoo('we');obj.sayName()obj2=newFoo('wee');

这样就可以直接去类里面去找方法了，不需要在自己定义了。