下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JavaScript中用var和不用var的区别

作者:前端大佬     来源: https://www.cnblogs.com/Vay123/p/12098378.html点击数:949发布时间: 2020-03-24 20:17:45

标签: windowJavaScriptecmascript

Web开发

  ECMA的第39号技术专家委员会(TechnicalCommittee39,简称TC39)负责制订ECMAScript标准,成员包括Microsoft、Mozilla、Google等大公司。TC39的总体考虑是,ES5与ES3基本保持兼容,较大的语法修正和新功能加入,将由Javascript.next完成。

  JavaScript中用var和不用var的区别

  Javascript声明变量的,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。

  varnum=1;

  是在当前域中声明变量。如果在方法中声明,则为局部变量(localvariable),如果是在全局域中声明,则为全局变量。

  而

  num=1;

  事实上是对属性赋值操作。首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域etc。。。)中解析num,如果在任何当前作用域链中找到num,则会执行对num属性赋值,如果没有找到num,它才会在全局对象(即当前作用域链的最顶层对象,如window对象)中创造num属性并赋值。

  我自己是一名从事了多年开发web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。

  注意!它并不是声明了一个全局变量,而是创建了一个全局对象的属性。

  即便如此,可能你还是很难明白"变量声明"跟"创建对象属性"在这里的区别。事实上,Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。

  由于变量声明自带不可删除属性,比较varnum=1跟num=1,前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,因此可以从全局变量中删除。

  Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。

  varnum=1;

  是在当前域中声明变量。如果在方法中声明,则为局部变量(localvariable),如果是在全局域中声明,则为全局变量。

  而

  num=1;

  事实上是对属性赋值操作。首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域etc。。。)中解析num,如果在任何当前作用域链中找到num,则会执行对num属性赋值,如果没有找到num,它才会在全局对象(即当前作用域链的最顶层对象,如window对象)中创造num属性并赋值。

  注意!它并不是声明了一个全局变量,而是创建了一个全局对象的属性。

  即便如此,可能你还是很难明白"变量声明"跟"创建对象属性"在这里的区别。事实上,Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。

  由于变量声明自带不可删除属性,比较varnum=1跟num=1,前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,因此可以从全局变量中删除。

  //num1为全局变量,num2为window的一个属性

  varnum1=1;

  num2=2;

  //deletenum1;无法删除

  //deletenum2;删除

  functionmodel(){

  varnum1=1;//本地变量

  num2=2;//window的属性

  //匿名函数

  (function(){

  varnum=1;//本地变量

  num1=2;//继承作用域(闭包)

  num3=3;//window的属性

  }())

  }

  最后:在ECMAScript5标准中,有一种"严格模式"(StrictMode)。在严格模式中,为未声明的标识符赋值将会抛引用错误,因此可以防止意外的全局变量属性的创造。目前一些浏览器的新版本已经支持。

  ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是EuropeanComputerManufacturersAssociation)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程