zoukankan      html  css  js  c++  java
  • ES6新增

    # 正则
    ## 1. 正则的读
    - 技巧
        - 记下所有符号
        - 逐位读
        - 注意小括号作为一个整体
        - 注意中括号表示一位

    - 中文
        1. /^[u2E80-u9FFF]+$/
        2. /^[u4E00-u9Fa5]+$/
        - 背

    # https://tool.oschina.net/uploads/apidocs/jquery/regexp.html


    # ES5补充 - this相关,函数的方法
    ## 复习this
    - 概念:当前函数的执行上下文
        - 执行函数的对象
        - 默认情况下:this所在的函数,被哪个对象执行,this就是这个对象

    ## 函数的方法
    0. 关于称呼
        - 没有归属的函数,叫函数
        - 有归属对象的函数,叫方法
    1. 函数的方法
        - 将函数作为一个对象,身上有属性,内存储了函数
            - 通过函数名.方法名()执行
    2. 方法
        - call
            - 语法:函数名.call()
            - 功能:改变this指向
            - 参数:参数1和后面所有参数
                - 参数1:要改变的this指向
                - 后面所有参数:作为实参传到当前这次执行的函数中
            - 返回值:原函数的返回值
        - apply
            - 函数名.apply()
            - 功能:改变this指向
            - 参数:参数1和参数2
                - 参数1:要改变的this指向
                - 参数2:数组,被当前这次执行的函数中的arguments解析
            - 返回值:原函数的返回值
        - bind
            - 函数名.bind()
            - 功能:改变this指向
            - 参数:参数1和后面所有参数
                - 参数1:要改变的this指向
                - 后面所有参数:作为实参传到当前这次执行的函数中
            - 返回值:改变了this之后的**新**函数,和老函数长得一样,但不是一个

        - 只要会用即可,但其实,妙用无穷
            - 基础篇:https://www.jianshu.com/p/0a6655dbf420
            - 扩展篇:https://www.jianshu.com/p/a6f26c3756fe
        
    # ES6新增的常用语法
    1. 简单说明
        - ES6:ECMAScript6的版本的简称
        - ES6有兼容,低版本浏览器不支持,其实兼容问题已经很小了
            - ES6已经大面积流行使用,上线之前会利用工程化工具,将ES6的语法编译成ES5的语法
    2. 新增声明关键字 - let,const
        - let,const,export/import(ES6的模块化),class(类)
        - let,const
            - 基本上都可以替换var,但是要注意,自身的特性
        - let的特性
            - 不允许重复声明
            - 没有提升
            - 暂时性死区
            - 块级作用域
            - 全局没有给window
        - const的特性
            - 与let一致
            - 标志着变量的地址不允许修改
                - const只能保证,地址不被修改,保证不了值的改变
                - 但是基础类型(值),地址就是值,值就是地址,所有都不能改
                - 但是复杂类型(引用),地址就是地址,值就是值,所以值可以改,地址不能改
        - 总结
            - 所有的var都可以替换成let,但是要注意新特性
                - 尤其是:块级作用域

    3. 箭头函数:()=>{}
        - 箭头函数等同于无名函数,不能直接存在,必须作为值使用
        - 有且只有一个参数时,小括号可以省略
            ```js
            var fn = a=>{
                console.log(a)
            };
            ```
        - 有且直接返回值,花括号和return也可以省略
            ```js
            var fn = a=>"hello "+a;
            ```
        - 特点:
            1. 没有自己的this,自动绑定上层函数的this
            2. 省略花括号,并返回对象时需要给对象加小括号
            3. 语义化极差
            4. 简单,方便,体积小
        - 作为参数或返回值等小范围使用,非常舒服,如
            ```js
            [67,13,36,1,35].sort((a,b)=>a-b);
            ```
  • 相关阅读:
    1.1 HTML5简介
    MATLAB基础知识——1.1MATLAB系统变量
    初识MATLAB
    Z-Stack
    [C语言]关于struct和typedef struct
    [Zigbee]定时器1
    常用数论算法
    SPFA&邻接表 PASCAL
    kruskal算法-Pascal
    懒惰的JY--关于遍历
  • 原文地址:https://www.cnblogs.com/yh-3175339026/p/12902220.html
Copyright © 2011-2022 走看看