JS作用域-面向对象

1. 其它语言是以代码块作为作用域的。下面程序会报错(如C,C++中),因为局部变量name只在{   }代码块中生效。打印console.writeline(name)中的name时就会报错。

  public void Func(string v) {

  if(1==1){

    string name='Jave';  

  }

  console.writeline(name);

  }

  Func( )  //报错

 修改如下,才能正常运行:

  public void Func(string v) {

  if(1==1){

    string name='Jave';
       console.writeline(name);   

  }  

  }

  Func( )  //正常运行

2.Python:冒号+缩进作为一个代码块。在其它语言中是以代码块作为作用域的,在Python中是以函数作为作用域的。如下模块可以正常运行。

  def func():

    if 1==1:

      name='alex'

    print(name)

  func() 

 如下就会报错:

  def func():

    if 1==1:

      name='alex'

    print(name) 还在作用域范围内

  func() 
    
    print(name) 已经出了作用域,此处会报错。

3. Javascript:

1)Javascript 默认是以函数作为作用域的。(let关键字函数除外)。与Python一样。下列代码可以正常运行。

      

function func(){
    if(1==1){var name="alex";}
            console.log(name);
}
func()

2)函数的作用域在函数未被调用之前,就已经创建。当解释器去解释它或者编译它的时候,这个作用域就已经被创建了。尽管此时函数还未被调用。      

3)函数的作用域存在作用域链(函数里面套函数 or 作用域里面套作用域),并且也是在被调用之前创建。

执行结果是tony,先从内部找,找不到的话,一层一层往外找。

在浏览器中写代码的时候,有回车的话,需要shift+回车。否则立马就执行了。 

a="alex"
function func(){
    var a="eric";
  function inner(){
      var a="tony";
      console.log(a);
}
inner()
}
func()

在JS中探讨一下如下代码,可以在浏览器中看执行结果,

a='alex';
function func(){
    var a='eric';
    function inner(){
        console.log(a);
    }
    return inner;
}
var ret=func();
ret();

 截图:

修改代码,继续探讨:此时的输出结果是Tony。

a='alex';
function func(){
    var a='eric';
    function inner(){
        console.log(a);
    }
    var x="tony";
    return inner;
}
var ret=func();
ret();

 分析作用域:

4.) JS中,函数内部的局部变量会又一个提前声明的操作。

当一个变量根本就没有定义的时候,如果此时调用的话,程序会直接报错。

当一个变量声明了,但是没有赋值的时候,如果此时调用的话,程序会返回undefined。

在这里要注意,解释器解释的时候,遇到局部变量,会在内部执行一句 var xxoo的代码,相当于定义了一个xxoo的变量,只不过没有赋值。所以此时的返回结果是undefined,而不会报错。

function func()
    console.log(xxoo);
    var xxoo="alex";
func()
//undefined 执行结果返回undefined

 如下代码,没有定义变量就直接引用,会报错。

function func()
    console.log(xxoo);
func()
//报错

4. JavaScript也支持面向对象。

1)一般函数如下:

function foo(){
    var xo="alex";
}
foo()

 面向对象的函数:this相当于Python中的self。接下来不是调用函数,而是创建对象。对象前面都必须要加上new.

function Foo(n){
    this.name="alex";
}
var obj=new Foo("we");
obj.name

A- this 代指当前调用它的那个对象(相当于Python中的 self)

B-创建对象时,new 函数()

再复杂一点,类里面可以定义字段(变量),也可以定义函数。

//创建了一个类
function Foo(n){ this.name="alex"; this.sayName=function(){ console.log(this.name) } }
//创建对象obj1 var obj1=new Foo("we"); obj1.name obj1.saNname() //会执行那个函数

var obj2=new Foo("wee"); 
obj2.name
obj2.saNname() //会执行那个函数

 JS中,调用几次,就会创建几次函数,这样太浪费空间。

在Python中,是把函数定义到类里面,只定义一次就可以了。

所以需要把函数放到一个公共调用区域。

#创建了一个类,也就是构造方法。
function Foo(n){
    this.name=n;
}
#prototype是当前Foo的原型,Foo只创建一次,Foo的原型也就只创建一次。
Foo.prototype={
    'sayName':function(){
        console.log(this.name)
    }
}


obj1=new Foo('we');#此时obj1里面只封装了一个name
obj1.sayName() #通过obj1先找到Foo这个类,然后去类的原型里面再去找sayName函数。
obj2=new Foo('wee');
obj2.sayName()

 图解:

类里面可以指向原型,当通过  对象.方法 执行类的时候,类会自动帮我们去原型里面找。

原文地址:https://www.cnblogs.com/momo8238/p/7446113.html