ES6常用知识小结

简介: ES6常用知识小结

1、let 关键字

let 关键字用来声明变量,使用 let 声明的变量有几个特点:

不允许重复声明;

块儿级作用域(局部变量);

不存在变量提升;

不影响作用域链;

2、const 关键字

const 关键字用来声明常量,const 声明有以下特点:

声明必须赋初始值;

标识符一般为大写(习惯);

不允许重复声明;

值不允许修改;

块儿级作用域(局部变量);

3、模板字符串

模板字符串(template string)是增强版的字符串,用反引号(`)标识,特点:

        字符串中可以出现换行符;

        可以使用 ${xxx} 形式引用变量;

<script>
        //  声明字符串的方法:单引号('')、双引号("")、反引号(``)
        //  声明
        let string = `字符串`;
        console.log(string);//字符串
        //  特性
        //  1、字符串中可以出现换行符 
        let str =
            `<div>
                <div>一</div> 
                <div>二</div> 
                <div>三</div> 
                <div>四</div>
            </div>`;
        console.log(str);
        //  2、可以使用 ${xxx} 形式引用变量 
        let s = "小明";
        let out = `${s}跑的真快!`;
        console.log(out);//小明跑的真快
    </script>

4、简化对象和函数写法

ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁;

5、箭头函数

ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义;

箭头函数的注意点:

如果形参只有一个,则小括号可以省略;

函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果;

箭头函数 this 指向声明时所在作用域下 this 的值;

箭头函数不能作为构造函数实例化;

不能使用 arguments;

特性:

箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值;

不能作为构造实例化对象;

不能使用 arguments 变量;

6、ES6中函数参数的默认值

 

<script>
        //  ES6允许使用箭头(=>)定义函数
        //  传统写法:无参数
        var say = function () {
            console.log("hello!");
        }
        say();
        //  ES6箭头函数: 无参数
        let speak = () => console.log("hello 哈哈!");
        speak();
        //  特性
        //  箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值 
        const school = {
            name: "大哥",
        }
        //  传统函数
        function getName() {
            console.log("getName:" + this.name);
        }
        //  箭头函数
        getName1 = () => console.log("getName1:" + this.name);
        //  直接调用 
        getName();
        getName1();
        //  使用call调用 
        getName.call(school);
        getName1.call(school);
        //  结论:箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值
    </script>
相关文章
|
机器学习/深度学习 算法 安全
密码学系列之六:公钥密码体制
密码学系列之六:公钥密码体制
|
Windows Linux
Windows CMD中的findstr命令详解
Windows CMD中的findstr命令详解 一、作用 findstr是Window系统自带的命令,用于查找某路径下指定的一个或多个文件中包含某些特定字符串的行,并将该行完整的信息打印出来,或者打印查询字符串所在的文件名。
7480 0
|
27天前
|
安全 算法 网络安全
高防CDN可以防御DDOS攻击吗
总结起来说,在面对日益严重的网络安全威胁时,高防CDN是一个非常有效且必要的工具。它不仅可以提升网站访问速度、改善用户体验,并且还能有效地抵御DDoS等多种形式网络攻击。
418 13
|
12月前
|
人工智能 搜索推荐 API
Cobalt:开源的流媒体下载工具,支持解析和下载全平台的视频、音频和图片,支持多种视频质量和格式,自动提取视频字幕
cobalt 是一款开源的流媒体下载工具,支持全平台视频、音频和图片下载,提供纯净、简洁无广告的体验
1851 9
Cobalt:开源的流媒体下载工具,支持解析和下载全平台的视频、音频和图片,支持多种视频质量和格式,自动提取视频字幕
|
SQL 分布式计算 Serverless
EMR Serverless Spark:一站式全托管湖仓分析利器
本文根据2024云栖大会阿里云 EMR 团队负责人李钰(绝顶) 演讲实录整理而成
720 58
|
11月前
|
数据可视化 项目管理
解读:项目管理中的6大变革模型是什么?怎么用?
本文介绍了6种项目变革管理模型,包括莱温的三步变革模型和科特的八步变革模型。莱温模型适用于重大组织变革和引入新系统或技术,科特模型适用于需要长期适应变革的场合。
306 0
解读:项目管理中的6大变革模型是什么?怎么用?
|
12月前
|
机器学习/深度学习 算法 Python
基于BP神经网络的金融序列预测matlab仿真
本项目基于BP神经网络实现金融序列预测,使用MATLAB2022A版本进行开发与测试。通过构建多层前馈神经网络模型,利用历史金融数据训练模型,实现对未来金融时间序列如股票价格、汇率等的预测,并展示了预测误差及训练曲线。
213 12
|
前端开发 JavaScript 安全
揭秘!前端大牛们如何高效解决跨域问题,提升开发效率!
【10月更文挑战第30天】在Web开发中,跨域问题是一大挑战。本文介绍前端大牛们常用的跨域解决方案,包括JSONP、CORS、postMessage和Nginx/Node.js代理,对比它们的优缺点,帮助初学者提升开发效率。
381 4
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
算法 计算机视觉 Python
圆形检测算法-基于颜色和形状(opencv)
该代码实现了一个圆检测算法,用于识别视频中的红色、白色和蓝色圆形。通过将图像从RGB转换为HSV颜色空间,并设置对应颜色的阈值范围,提取出目标颜色的区域。接着对这些区域进行轮廓提取和面积筛选,使用霍夫圆变换检测圆形,并在原图上绘制检测结果。
487 0