查看“块作用域构造let和const”的源代码
←
块作用域构造let和const
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==let声明== ===原先的写法=== <nowiki>//函数内部 function changeState(flag){ if(flag){ var color = "red"; } else{ console.log(color); //此处可以访问变量color,其值为:undefined return null; } } changeState(false); //块中 { var a = 1; } console.log("a = " + a); //此处可以访问变量a,输出:a = 1 //for循环中 for(var i = 0; i < 10; i++){ } console.log("i = " + i); //此处可以访问变量i,输出:i = 10*/ </nowiki> ===ES6新写法=== let声明的变量不会被提升,可以把变量的作用域限制在当前代码块中 <nowiki> //函数内部 function changeState(flag){ if(flag){ let color = "red"; } else{ console.log(color); //此处不能访问color,报错:color is not defined return null; } } changeState(false); //块中 { let a = 1; } console.log("a = " + a); //此处不能访问变量a,报错:a is not defined //for循环中 for(let i = 0; i < 10; i++){ } console.log("i = " + i); //此处不能访问变量i,报错:i is not defined </nowiki> 使用let声明变量,还可以防止变量的重复声明: <nowiki>var index = 0; var index = 10; //OK let index = 100; //报错:Identifier 'index' has already been declared */ </nowiki> 同一作用域霞,不能使用let1重复定义,但是不同的作用域下是可以的: <nowiki>var index = 0; { let index = 10; //OK }</nowiki> ==const声明== ES6 提供了const关键字,用于声明常量。 每个通过const关键字声明的常量必须在声明的同时进行初始化。 <nowiki> const sizeOfPage = 10; //正确 const maxItems; //错误 maxItems = 200;</nowiki> 如果使用const声明对象,对象本身的绑定不能修改,但是对象的属性和值是可以修改的: <nowiki> const person = { name: "zhangsan" }; person.name = "lisi"; //OK person.age = 20; //OK //错误,报错:Assignment to constant variable. person = { name: "wangwu" };</nowiki> ==全局块作用域绑定== 在全局作用域中使用var声明的变量或对象,可能会无意中覆盖一个已经存在的全局属性: <nowiki> var greeting = "Welcome"; console.log(window.greeting); // Welcome console.log(window.Screen); // function Screen() { [native code] } var Screen = "liquid crystal"; console.log(window.Screen); // liquid crystal</nowiki> 如果在全局作用域下使用let或const,则会在全局作用域下创建一个新的绑定,但该绑定不会成为window对象的属性: <nowiki> let greeting = "Welcome"; console.log(window.greeting); // undefined const Screen = "liquid crystal"; console.log(Screen === window.Screen); // false</nowiki>
返回至
块作用域构造let和const
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息