zoukankan      html  css  js  c++  java
  • 石川es6课程---1-2、ES6简介

    石川es6课程---1-2、ES6简介

    一、总结

    一句话总结:

    从ECMAScript的历史发展来看,太顺了的时候总会遇到一挫折,比如ecma4

    1、ECMAScript 和 JavaScript关系?

    ECMA 是标准,JS 是实现

    2、解决ie9兼容性问题的在线编译?

    用browser.js/babel
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script>
        <script type="text/babel"> 
            let a=5;
            let b=7;
            alert(a+b);
        </script>
    </body>
    </html>

    3、Babel 是什么?

    Babel 是一个 JavaScript 编译器,一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行,现在就用 ES6 编写程序,而不用担心现有环境是否支持
    Babel将ES6代码转换成ES5代码之后,ie9就可以识别了

    二、内容在总结中

    1.ES6怎么来的

    ECMAScript 和 JavaScript


    ECMA 是标准,JS 是实现
    ECMAScript 简称 ECMA 或 ES

    历史版本


    1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现
    1999, ES3.0 被广泛支持
    2011, ES5.1 成为 ISO 国际标准
    2015, ES6.0 正式发布

    2.ES6兼容性


    ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, NodeJS

    解决不兼容办法,编译、转换


    在线转换
    或者提前编译

    Babel 中文网


    Babel 入门教程 阮一峰
    Babel 是一个 JavaScript 编译器
    一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行
    现在就用 ES6 编写程序,而不用担心现有环境是否支持

    解决ie9兼容性问题的在线编译

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    <body>
        <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script>
        <script type="text/babel"> 
            let a=5;
            let b=7;
            alert(a+b);
        </script>
    </body>
    </html>



    视频地址

    - [b站:深入解读ES6系列](https://www.bilibili.com/video/av20327829/)

    看视频整理要点笔记:

    ----

    - [hello-es6](#hello-es6)
    - [1.ES6怎么来的](#1es6%E6%80%8E%E4%B9%88%E6%9D%A5%E7%9A%84)
    - [2.ES6兼容性](#2es6%E5%85%BC%E5%AE%B9%E6%80%A7)
    - [3.变量 let 和 常量 const](#3%E5%8F%98%E9%87%8F-let-%E5%92%8C-%E5%B8%B8%E9%87%8F-const)
    - [4.函数-箭头函数](#4%E5%87%BD%E6%95%B0-%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0)
    - [5.函数-参数](#5%E5%87%BD%E6%95%B0-%E5%8F%82%E6%95%B0)
    - [6.解构赋值](#6%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC)
    - [7.数组](#7%E6%95%B0%E7%BB%84)
    - [8.字符串](#8%E5%AD%97%E7%AC%A6%E4%B8%B2)
    - [9.面向对象-基础](#9%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1-%E5%9F%BA%E7%A1%80)
    - [10.面向对象应用](#10%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E5%BA%94%E7%94%A8)
    - [11.json](#11json)
    - [12.Promise](#12promise)
    - [13.generator-认识生成器函数](#13generator-%E8%AE%A4%E8%AF%86%E7%94%9F%E6%88%90%E5%99%A8%E5%87%BD%E6%95%B0)
    - [14.generator-yield是啥](#14generator-yield%E6%98%AF%E5%95%A5)
    - [15.generator-实例](#15generator-%E5%AE%9E%E4%BE%8B)
    - [16.ES7 预览](#16es7-%E9%A2%84%E8%A7%88)

    ----

    ## 1.ES6怎么来的

    - ECMAScript 和 JavaScript
    - ECMA 是标准,JS 是实现
    - ECMAScript 简称 ECMA 或 ES

    - 历史版本
    - 1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现
    - 1999, ES3.0 被广泛支持
    - 2011, ES5.1 成为 ISO 国际标准
    - 2015, ES6.0 正式发布

    ## 2.ES6兼容性

    - ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, NodeJS
    - 解决不兼容办法,编译、转换
    - 在线转换
    - 或者提前编译

    - [Babel 中文网](https://www.babeljs.cn)
    - [Babel 入门教程 阮一峰](http://www.ruanyifeng.com/blog/2016/01/babel.html)
    - Babel 是一个 JavaScript 编译器
    - 一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行
    - 现在就用 ES6 编写程序,而不用担心现有环境是否支持

     
  • 相关阅读:
    vue-element-admin
    一些问题
    前端面试题(2)
    乱炖
    node与mongodb、mongoose
    NodeJs中的模块
    NodeJs基础
    论文阅读——Visual inertial odometry using coupled nonlinear optimization
    C++多线程学习之(一)——并发与多线程
    ECMAScript6的lambda(arrow function)的this绑定导致call/apply失效
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/11589668.html
Copyright © 2011-2022 走看看