【Javascript】ES6 未完
来源:互联网 发布:人工智能人才缺口 编辑:程序博客网 时间:2024/05/19 10:35
1.关键字let
在ECMAScript6中,定义一个变量只在所处的代码块起作用的关键字是?
答案: 关键字let。 ES6 新增了 let 命令,用来声明变量。它的用法类似于 var,但是所声明的变量,只在 let 命令所在的块级作用域(花括号{ })起作用。
//例1var arr = [ ];for(var i=0 ; i<10 ; i++){ arr[i]=function(){ alert(i); }}arr[8]();//Out:10
如果用var声明的变量,i的值会影响到各个块里面的i,等循环完后i等于10,所有块的i都变成了10。
var arr = [ ];for(let i=0 ; i<10 ; i++){ arr[i]=function(){ alert(i); }}arr[8]();//Out:8
for循环含有{ },也就是含有了块级作用域,每个变量i都只是在自己的作用域起作用,例如:第10次循环中的i的值不会影响到第9次循环。
//例2var a=1;(function(){ alert(a); let a=2;})();//Out:报错a未定义
用let关键字来定义a,这样a在代码块内就不会提升了。那为什么报错了呢?因为用let声明的变量,在其块级作用域内是封闭的,是不会受到外面的全局变量a影响的,并且要先声明再使用,所以a的值既不是1(因为不受外面的影响),也不是undefined(因为先声明再使用),更不是2,未声明定义就使用,只有报错啦!
【注意】
(1)同一个块级作用域内,不允许重复声明同一个变量。
//错误1 { var a=1; let a=2;//报错,因为a已经用var声明过}//错误2{ let a=1; let a=2;//报错,因为a已经用let声明过}
(2)函数内不能用let重新声明函数的参数。
function say(word){ let word="hello Jack"; //报错,用let重新声明word参数 alert(word);}say("hello Lili");
【总结】
用let声明变量只在块级作用域起作用,适合在for循环使用,也不会出现变量提升现象。同一个代码块内,不可重复声明相同的变量,不可重复声明函数内的参数。
2.关键字const
const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。
以前用var声明的变量,想怎么改就怎么改,同一个变量,后面的值可以轻松覆盖原来的值,这次const声明的变量,可由不得我们这么任性地想改就改了。
【常量的特点】
(1)不可修改
const Name = '张三'; Name = '李四';//错误,企图修改常量Name
(2)只在块级作用域起作用,这点与let关键字一样。
if(1){ const Name = '张三'; } alert(Name);//错误,在代码块{ }外,Name失效
(3)不存在变量提升,必须先声明后使用,这点也跟let关键字一样。
if(1){ alert(Name);//错误,使用前未声明 const Name = '张三'; }
(4)不可重复声明同一个变量,这点跟let也一样。
var Name = '张三'; const Name = '李四';//错误,声明一个已经存在的变量Name
(5)声明后必须要赋值
const NAME; //错误,只声明不赋值
Q:如果常量是一个对象呢?
const Person = {"name":"张三"}; Person.name = "李四"; Person.age = 20; console.log(Person); //结果:正常输出{name: "李四", age: 20}
咦?怎么常量Person好像被修改了,name改成了“李四”
,而且还添加了age属性,值为20;怎么没有报错,还正常输出,不是说好了常量不可修改吗,友谊小船说翻就翻了,说好的常量说变就变,别怕,友谊还是很牢固的。我们一起来找找原因。
【传址赋值】
在赋值过程中,我们可以分为传值赋值和传址赋值。这里我们用到了传址赋值,什么叫传址赋值?
传址:在赋值过程中,变量实际上存储的是数据的地址(对数据的引用),而不是原始数据或者数据的拷贝。
例如:
var student1 = {"name":"张三"}; var student2 = student1; student2.name = "李四"; console.log(student1); //结果:输出 {name: "李四"} console.log(student2); //结果:输出 {name: "李四"}
这就是传址赋值!
例如:
//张师傅把你家的门改成红色 var Zhang = {"door":"red"}; //次日,你把地址也告诉了王师傅 var Wang = Zhang; //王师傅按照地址,去到后把门改成绿色 Wang.door = "green"; //最后不管是张师傅还是王师傅来到你家,看到门都是绿色的 console.log(Wang); //结果:输出 {door: "green"} console.log(Zhang); //结果:输出 {door: "green"}
用const来声明一个对象类型的常量,就是传址赋值。而不可修改的是对象在内存中的地址,而不是对象本身(不可变的是你家的地址,而不是你家的门)。所以,这就很好的解释刚刚的这段代码为什么不会报错,而是正常输出了。
const Person = {"name":"张三"}; Person.name = "李四"; Person.age = 20; console.log(Person); //结果:正常输出{name: "李四", age: 20}
因为修改的只是Person本身,修改的是name属性和增加一个属性age,而地址没变,也不可变,所以并没有违背常量不可修改的约定。
但是,如果这样写呢,就会报错:
const Person = {"name":"张三"}; Person.age = 20; Person = {}; //错误,企图给常量Person赋新值(新地址)
用const声明后,张师傅、王师傅就只认得你家的地址了,不能再告诉他其他家的地址。
【总结】
const也是用于声明一个常量,并必须赋值,声明后不可修改,跟let一样,只在块级作用域起作用,不可重复声明同一个变量,不会变量提升,声明引用类型的常量时,要注意是传址赋值。
- 【Javascript】ES6 未完
- ES6 Javascript
- javascript es6
- javaScript 基础(未完)
- JavaScript函数(未完)
- ES6:JavaScript 新特性
- javascript ES6之class
- es6 javascript 函数绑定
- es6 javascript 尾调用
- es6 javascript Symbol数据类型
- es6 javascript Reflect
- es6 javascript 异步操作
- javascript es6编码风格
- es6 javascript的 规格
- 浅谈JavaScript、ES5、ES6
- JavaScript ES6/ES2015核心
- javascript es6 编程风格
- 浅谈JavaScript、ES5、ES6
- 大三的最近感悟
- 第三天 程序控制流程、选择分支结构、循环结构
- SQL使用总结
- C++之类的自动转换和强制类型转换
- Java学习笔记之对象和对象引用
- 【Javascript】ES6 未完
- 实现点击Button后弹出提示语
- 淘宝购物网
- Java 快速排序
- 在Linux中创建静态库.a和动态库.so
- 用JAVA实现LL(1)文法语法分析程序
- 331. Verify Preorder Serialization of a Binary Tree
- django学习笔记2:基本命令
- 劫持网络--运营商投放广告