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>
相关文章
|
前端开发 JavaScript Java
ES11,ES12,ES13
ES11,ES12,ES13
112 1
|
1月前
|
存储 JavaScript 前端开发
什么是Es6,有什么特点
什么是Es6,有什么特点
40 1
|
7月前
|
前端开发 JavaScript 网络架构
|
7月前
ES6常用知识小结
ES6常用知识小结
38 0
|
JavaScript 前端开发 索引
ES9,ES10
ES9,ES10
76 0
|
JavaScript 前端开发 Java
浅析-ES6
后端项目搭建完毕,接下来就是前端页面了。不过在这之前需要一些准备工作。我们需要学习ES6的语法标准。
浅析-ES6
|
存储 JSON 自然语言处理
ES
ES
532 0
|
JavaScript 前端开发 Java
ES6+
ES6+
165 0
|
JavaScript
Day22 ES6
ECMAScript 6.0
97 0
|
JavaScript 前端开发
Day19 ES6
ECMAScript 6.0
107 0