首页 > 其他分享> 文章详细

都2202年了，再不学ES6你就out了

2022-02-22 19:04:34 阅读：131 来源： 互联网

标签：ES6 2202 console log ... 数组 var 富士山 out

ES6基础

ES6概述
- ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。
- 它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ES6基本语法

声明变量
- let 方法
  - 1. let声明和 var 声明变量差不多
  - 2. 在一对大{} 里面起作用
  - 3. 不能重复声明
  - 4. 不会变量提升（什么是变量提升：用var 声明变量，变量的使用在变量声明前默认值是undefined）
- const方法
  - 1. const 和var 差不多
  - 2. 通常用来声明常量的建议大写
  - 3. 声明必须赋值
  - 4. 声明后不能修改(复杂数据可以修改数组)

数组解析

1.交换变量


        let a = 9;
		let b = 1;
		[a, b] = [b, a]
		console.log("a", a);//a此时值为1

		console.log("b", b);//b此时值为9

跳过和剩余值


//把对象或者数组解析为单独的变量用，，分割可以跳过 ...剩余值
//有顺序的 ...rest=剩余值

		let arr1 = [1, 2, 4, 5, 8, 9];
		var [t, , c, ...rest] = arr1//此时跳过了2 
		console.log(arr1);
		console.log(t, c, rest);
        t=1 c=4, rest的值为arr1数组内的剩余值

对象解析
- 变量名和对象的键名保持一致（无序的）
- 数组是有序的一一对应的，对象是无序的只需要键名保持一致就行

字符串检测

includes是否包含
startsWith是否开头包含
endsWidth是否结尾包含

        let str="富士山什么时间爆发啊？"	
		//includes("富士山")是否包含
		//startsWith("富士山")//以什么开头
		//endsWith 以结尾("富士山")//以什么结尾
		console.log(str.includes("富士山"));
		console.log(str.startsWith("富士山"));
		console.log(str.endsWith("富士山"));

字符串模版

``包裹字符串${}变量（反引号`` 一般在esc键下方）

        var obj={name:"索隆",age:18}
		var str=`大家好我是${obj.name},今天是我${obj.age}生日，现在微信转账100祝我生日快乐`
        var str2=`大家好我是${obj.name}
,今天是我${obj.age}生日，现在微信转账100祝我生日快乐`
			//在字符串模版中 保留空格
		console.log(str);
        console.log(str2);

数组高阶方法
- forEach 遍历数组
- map 映射数组。通过现有的数据反射出来新的数据一一对应
- filter 现有数组通过一定的规则过滤出新的数组返回true 保留 false 不保留

箭头函数

01 箭头函数就是函数的简写形式
=>前面是函数参数
=>后面是函数体函数执行内容
参数只有一个可以省略括号、
如果函数体有多条语句用{}来包裹
如果返回值是一个对象则返回内容用（）包裹

 var fun = function (a) {
            if (a > 10) {
                return "大了"
            } else if (a < 10) {
                return "小了"
            } else {
                return "中奖了"
            }
        }
        //如果函数体有多条语句用{}来包裹 
        var fun1 = a => {
            if (a > 10) {
                return "大了"
            } else if (a < 10) {
                return "小了"
            } else {
                return "中奖了"
            }
        }
        //如果返回值是一个对象则返回内容用（）包裹
        var fun2 = c => ({ age: c * 10, eye: c * 92 })

函数

函数的不定参数

  function add(...arg) {
            // 返回arg数组遍历累加的值
            var re = arg.reduce((a, b) => a + b);
            //1 a=1 b=2
            //2 a=3 b=3
            //3 a=6 b=4
            //4 a=10 b=5
            alert(re)
        }
        add(1, 2, 3, 4, 5)

拓展参数把数组展开当参数

         //数组扩展 就是把数组扩展为单个参数（在调用参数时使用）
        function metting(a, b, c) {
            alert("海贼" + a + b + c)
        }
        var arr = ["路飞", "艾斯", "萨博", "布鲁克"]
        //...把数组展开单个参数

函数最值

	    //最值
		var arr2=[3,6,1,88,90]
		var min=Math.min(...arr2)
		var max=Math.max(...arr2)
		alert("最小值:"+min+"最大值:"+max)
		
		var max2=Math.max.apply(null,arr2);
		alert("max2"+max2)

思维导图

创作不易，深夜肝文，如果对大家有帮助，还请大家支持一波~
点赞，关注，收藏走一波，感激不尽！
好人一生平安，一胎生八个！

标签：ES6,2202,console,log,...,数组,var,富士山,out
来源： https://blog.csdn.net/sobject/article/details/123056380

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

都2202年了，再不学ES6你就out了