
ES6
ES6新特性
lee_tianbai
这个作者很懒,什么都没留下…
展开
-
Symbol
1、什么是SymbolSymbol是es6中一种新增加的数据类型,它表示独一无二的值。es5中我们把数据类型分为基本数据类型(字符串、数字、布尔、undefined、null)和引用数据类型(Object), 在es6中新增的Symbol数据类型划分到基本数据类型为什么会出现这样一种数据类型?由于对象的属性和方法是字符串组成,这样新增方法和属性的时候有可能冲突,比如:存在这样一个对象let obj = { name: "dog", say(){ console.log原创 2021-06-11 15:26:56 · 265 阅读 · 0 评论 -
...扩展运算符
1、…扩展运算符能将数组转换成逗号分隔的参数序列<script> let starts = ["黄渤", "孙红雷", "张译"]; function show(...args){ console.log(args); } show(...starts);</script>2、应用举例:数组合并<script> const kuaizi = ["王太利", "肖央"]; const fengh原创 2021-06-09 17:32:07 · 472 阅读 · 0 评论 -
rest参数
1、ES5中的arguments参数<script> function stars(){ console.log(arguments); console.log(arguments[0]); } stars("黄渤", "孙红雷", "张译")</script>arguments的原型是一个object2、ES6中的rest参数<script> function stars(a, b, ...args)原创 2021-06-09 17:02:25 · 339 阅读 · 0 评论 -
函数参数默认值
1、形式参数初始值,具有默认值的参数,一般位置要靠后<script> function add(a, b, c = 8){ return a + b + c; } console.log(add(1, 2, 3)); // 6 console.log(add(1, 2)); // 11</script>2、与解构赋值结合使用<script> function connect({address="127.0.0.1",原创 2021-06-09 16:35:16 · 222 阅读 · 0 评论 -
箭头函数的声明和特性
1、this指向性问题this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的。但是:箭头函数中,this是静态的,this始终指向函数声明时外层作用域下的this的值<script> window.animal = "monkey"; function say(){ console.log(this.animal); } let say2 = () => { console.log(this.anima原创 2021-06-09 16:22:31 · 605 阅读 · 1 评论 -
简化对象写法
ES6允许在大括号里面,直接写入变量和函数,作为对象的属性和方法<script> let language = "JavaScript"; let show = function () { console.log("I will change the world"); }; const school = { // 等价于:language: language language, show,原创 2021-06-09 09:46:00 · 135 阅读 · 0 评论 -
模板字符串
1、声明let str = `Hello, World`;console.log(str, typeof str);2、内容中可以直接出现换行符let html = `<ul> <li>Java</li> <li>JavaScript</li> <li>C#</li> </ul>`console.log(h原创 2021-06-09 09:37:29 · 221 阅读 · 0 评论 -
变量的解构赋值
1、数组的解构<script> const courses = ["Java", "Python", "Ruby", "JavaScript"]; // 这里是中括号 let [java, python, ruby, javascript] = courses; console.log(java); console.log(ruby);</script>2、对象的解构<script> const user = {原创 2021-06-09 09:36:56 · 125 阅读 · 0 评论