ES6学习

最新推荐文章于 2023-07-10 20:17:45 发布
最新推荐文章于 2023-07-10 20:17:45 发布
阅读量173 收藏 1
点赞数 1
分类专栏： Ës6 JavaScript的 javascript WEB前端知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itwangyang520/article/details/90733650
版权

前言

ES6：

EMCAScript(ECMA、ES)标准

JavaScript是EMCAScript的一种

--------------------------------------------------------------------------------

JS特别特别烂

--------------------------------------------------------------------------------

ES6新语法：
1.变量/赋值
  var     可以重复定义、不能限制修改、没有块级作用域

  let     不能重复定义、变量、块级作用域
  const   不能重复定义、常量、块级作用域

  ------------------------------------------------

  解构赋值：
  1.左右两边必须一样；右边得是个东西
  2.必须定义和赋值同步完成

2.函数
  箭头函数
    function (参数,参数){
      函数体
    }

    (参数,参数)=>{
      函数体
    }

    1.如果有且仅有1个参数，()可以省
    2.如果函数体只有一句话，而且是return，{}可以省
    *关于this

  默认参数
    (a=xx, b=xx, c=xx)

  参数展开(剩余参数、数组展开)
  1.“三个点”的第1个用途：接收剩余参数
    function show(a, b, ...名字)
    剩余参数必须在参数列表的最后

  2.“三个点”的第2个用途：展开一个数组

3.数组/json
  数组——5种
    map     映射：一个对一个
      [18, 67, 98, 25, 17, 96] => [false, true, true, false, false, true]

    reduce  汇总：一堆->一个

    filter  过滤：
      [12,5,88,37,21,91,17,24]

    forEach 遍历：


    Array.from([array-like])=>[x,x,x]


  json——2变化
    1.简写：名字和值一样的，可以省
    2.function可以不写

4.字符串
  字符串模板：植入变量、任意折行

  if(sNum.startsWith('135')){
    alert('移动');
  }else{
    alert('联通');
  }

  if(filename.endsWith('.txt')){
    alert('文本文件');
  }else{
    alert('图片文件');
  }

5.面向对象
  class/constructor
  extends/super

  普通函数：根据调用我的人  this老变
  箭头函数：根据所在的环境  this恒定

  bind——给函数定死一个this

function show(a,b,...args){

}

def show(a,b,*args,c,d):
  pass

--------------------------------------------------------------------------------

6.Promise
  Promise——异步、同步化

7.generator
  生成器

ES7
8.async/await

--------------------------------------------------------------------------------

9.模块化 ES6

打包、编译

ES6 -> ES5编译      babel
打包                browserify

--------------------------------------------------------------------------------

ajax/jsonp
websocket

--------------------------------------------------------------------------------

变量预解析
 

 

 

0.变量提升

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    var a=12;

    function show(){
      alert(a);

      var a=5;
    }

    show();
    </script>
  </head>
  <body>

  </body>
</html>

1.变量定义
 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    const a=12;

    a=55;

    alert(a);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    if(3<5){
      let a=12;
    }

    alert(a);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    window.onload=function (){
      let aBtn=document.getElementsByTagName('input');

      for(let i=0;i<aBtn.length;i++){
        aBtn[i].onclick=function (){
          alert(i);
        };
      }
    };
    </script>
  </head>
  <body>
    <input type="button" value="1">
    <input type="button" value="2">
    <input type="button" value="3">
  </body>
</html>

2.参数展开

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function show(a, b=5, c=12){
      console.log(a,b,c);
    }

    show(12, 37, 88);
    </script>
  </head>
  <body>
  </body>
</html>

2.1处理DIV

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      div {width:200px; height:200px; background:#CCC; float:left; margin:10px;}
    </style>
    <script>
    window.onload=function (){
      let aDiv=document.getElementsByTagName('div');

      Array.from(aDiv).forEach(div=>{
        div.style.background='yellow';
      });
    };
    </script>
  </head>
  <body>
    <div class=""></div>
    <div class=""></div>
    <div class=""></div>
    <div class=""></div>
    <div class=""></div>
  </body>
</html>

3.传统JS对象

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function Person(name, age){
      this.name=name;
      this.age=age;
    }

    Person.prototype.showName=function (){
      alert('我叫'+this.name);
    };
    Person.prototype.showAge=function (){
      alert('我'+this.age+'岁');
    };




    let p=new Person('blue', 18);

    p.showName();
    p.showAge();
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function Person(name, age){
      this.name=name;
      this.age=age;
    }

    Person.prototype.showName=function (){
      alert('我叫'+this.name);
    };
    Person.prototype.showAge=function (){
      alert('我'+this.age+'岁');
    };

    //------------------------------------------------
    function Worker(name, age, job){
      Person.call(this, name, age);
      this.job=job;
    }

    Worker.prototype=new Person();
    Worker.prototype.constructor=Worker;
    Worker.prototype.showJob=function (){
      alert('我是做：'+this.job);
    };

    let w=new Worker('blue', 18, '打杂的');

    w.showName();
    w.showAge();
    w.showJob();
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    /*function Person(name, age){
      this.name=name;
      this.age=age;
    }

    Person.prototype.showName=function (){
      alert('我叫'+this.name);
    };
    Person.prototype.showAge=function (){
      alert('我'+this.age+'岁');
    };*/

    class Person{
      constructor(name, age){
        this.name=name;
        this.age=age;
      }

      showName(){
        alert('我叫'+this.name);
      }
      showAge(){
        alert('我'+this.age+'岁');
      }
    }

    let p=new Person('blue', 18);

    p.showName();
    p.showAge();

    //------------------------------------------------
    function Worker(name, age, job){
      Person.call(this, name, age);
      this.job=job;
    }

    Worker.prototype=new Person();
    Worker.prototype.constructor=Worker;
    Worker.prototype.showJob=function (){
      alert('我是做：'+this.job);
    };
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    /*function Person(name, age){
      this.name=name;
      this.age=age;
    }

    Person.prototype.showName=function (){
      alert('我叫'+this.name);
    };
    Person.prototype.showAge=function (){
      alert('我'+this.age+'岁');
    };*/

    class Person{
      constructor(name, age){
        this.name=name;
        this.age=age;
      }

      showName(){
        alert('我叫'+this.name);
      }
      showAge(){
        alert('我'+this.age+'岁');
      }
    }

    /*let p=new Person('blue', 18);

    p.showName();
    p.showAge();*/

    //------------------------------------------------
    /*function Worker(name, age, job){
      Person.call(this, name, age);
      this.job=job;
    }

    Worker.prototype=new Person();
    Worker.prototype.constructor=Worker;
    Worker.prototype.showJob=function (){
      alert('我是做：'+this.job);
    };*/

    class Worker extends Person{
      constructor(name, age, job){
        //super-超类(父类)
        super(name, age);
        this.job=job;
      }

      showJob(){
        alert('我是做：'+this.job);
      }
    }

    let w=new Worker('blue', 18, '打杂的');

    w.showName();
    w.showAge();
    w.showJob();
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    class Person{
      constructor(name, age){
        this.name=name;
        this.age=age;
      }

      showName(){
        alert(this);
        alert('我叫'+this.name);
      }
      showAge(){
        alert('我'+this.age+'岁');
      }
    }




    let p=new Person('blue', 18);

    document.onclick=p.showName.bind(p);
    </script>
  </head>
  <body>

  </body>
</html>

4.箭头函数

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let show=(a,b)=>{
      return a+b;
    };

    alert(show(12, 5));
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    window.onload=()=>{
      alert('abc');
    };
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,34,32,19];

    /*arr.sort(function (n1, n2){
      return n1-n2;
    });*/
    arr.sort((n1, n2)=>{
      return n1-n2;
    });

    alert(arr);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,34,32,19];

    arr.sort((n1, n2)=>n1-n2);

    alert(arr);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    /*let show=function (a){
      return a*3;
    };*/
    let show=a=>a*3;

    alert(show(13));
    </script>
  </head>
  <body>
  </body>
</html>

4.1箭头函数的this

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[1,2,3];

    arr.a=()=>{
      alert(this);
    };

    arr.a();
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    document.onclick=function (){
      let arr=[1,2,3];

      arr.a=()=>{
        alert(this);
      };

      arr.a();
    };
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    document.onclick=function (){
      let a=()=>{
        alert(this);
      };

      let oBtn=document.getElementById('btn1');
      oBtn.onclick=a.bind(12);
    };
    </script>
  </head>
  <body>
    <input type="button" value="aaa" id="btn1">
  </body>
</html>

5.解构赋值

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    //let [a,b,c]=[12,5,8];
    //let {a,b,c}={a: 12, b: 88, c: 95};

    //粒度
    let [n1, {a, b, c}, n2]=[12, {a: {n1: 5, n2: 8}, b: 12, c: 88}, 55];

    console.log(n1,a,b,c,n2);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    //let [a,b]={a: 12, b: 5};
    let {a,b}={12,5};

    console.log(a, b);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let {a,b};

    {a,b}={a: 12, b: 5};

    alert(a+','+b);
    </script>
  </head>
  <body>
  </body>
</html>

6.、默认参数

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function show(a, b, c){
      b=b||5;
      c=c||12;

      console.log(a,b,c);
    }

    show(12, 37);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,8,99];

    //...arr    =>    12,5,8,99

    let arr2=[1,2,...arr,7,8];

    alert(arr2);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,8,99];
    let arr2=[...arr, ...arr];

    alert(arr2);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[1,2,3];
    let arr2=[4,5,6,7];

    arr.push(...arr2);

    alert(arr);
    </script>
  </head>
  <body>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function show1(...args){
      show2(...args);
    }

    function show2(a, b){
      alert(a+','+b);
    }

    show1(12, 5);
    </script>
  </head>
  <body>
  </body>
</html>

7展开数组

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function show(a, b, ...args){
      console.log(a,b,args);
    }

    show(12, 37, 88, 99, 123, 56);
    </script>
  </head>
  <body>
  </body>
</html>

8字符串模板

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let json={name: 'blue', age: 18};

    //alert('我叫：'+json.name+'，我今年'+json.age+'岁');
    alert(`我叫：${json.name}，我今年${json.age}岁`);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    const a=12;

    console.log(`${a?a:'1'}`);
    </script>
  </head>
  <body>

  </body>
</html>

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    /*alert('ab\
    c');*/

    alert(`ab
cde
f
d`);
    </script>
  </head>
  <body>

  </body>
</html>

9.filter

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,37,21,91,17,24];

    let arr2=arr.filter(item=>item%2);

    alert(arr2);
    </script>
  </head>
  <body>

  </body>
</html>

10.forEach

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,37,21,91,17,24];

    let sum=0;
    arr.forEach(item=>{
      sum+=item;
    });

    alert(sum);
    </script>
  </head>
  <body>

  </body>
</html>

11.function的bind

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    function show(){
      alert(`this是：${this}`);
    }

    document.onclick=show.bind('abc');
    </script>
  </head>
  <body>

  </body>
</html>

12.json-简写

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let a=12;
    let b=5;

    let json={a, b};

    console.log(json);
    </script>
  </head>
  <body>

  </body>
</html>

12.1.json-省略function

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    /*let json={
      a: 12,
      b: 5,
      show: function (){
        alert(this.a+this.b);
      }
    };*/
    let json={
      a: 12,
      b: 5,
      show(){
        alert(this.a+this.b);
      }
    };

    json.show();
    </script>
  </head>
  <body>

  </body>
</html>

13.map

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[62, 55, 82, 37, 26];

    let arr2=arr.map(function (item){
      if(item>=60){
        return true;
      }else{
        return false;
      }
    });

    alert(arr2);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[62, 55, 82, 37, 26];

    let arr2=arr.map((item)=>{
      if(item>=60){
        return true;
      }else{
        return false;
      }
    });

    alert(arr2);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[62, 55, 82, 37, 26];

    let arr2=arr.map(item=>{
      if(item>=60){
        return true;
      }else{
        return false;
      }
    });

    alert(arr2);
    </script>
  </head>
  <body>

  </body>
</html>

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[62, 55, 82, 37, 26];

    let arr2=arr.map(item=>item>=60);

    alert(arr2);
    </script>
  </head>
  <body>

  </body>
</html>

 

14.reduce

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,37,21,91,17,24];

    let sum=arr.reduce((tmp,item,index)=>{
      console.log(tmp, item, index);

      return tmp+item;
    });

    console.log(sum);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,37,21,91,17,24];

    let sum=arr.reduce((tmp,item,index)=>{
      return tmp+item;
    });

    console.log(sum/arr.length);
    </script>
  </head>
  <body>

  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
    let arr=[12,5,88,37,21,91,17,24];

    let ave=arr.reduce((tmp,item,index)=>{
      if(index<arr.length-1){
        return tmp+item;
      }else{    //最后一次迭代
        return (tmp+item)/arr.length;
      }
    });

    console.log(ave);
    </script>
  </head>
  <body>

  </body>
</html>

 

itwangyang520
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ECMAScript 是什么？
liuhao9999的博客
03-22 1477
ECMAScript 是编写脚本语言的标准，这意味着JavaScript遵循ECMAScript标准中的规范变化，因为它是JavaScript的蓝图。 ECMAScript 和 Javascript，本质上都跟一门语言有关，一个是语言本身的名字，一个是语言的约束条件 只不过发明JavaScript的那个人（Netscape公司），把东西交给了ECMA（European Computer Manufacturers Association），这个人规定一下他的标准，因为当时有java语言了，又想强调这个东西
《EMCAScript6入门》读书笔记——24.编程风格
weixin_30567225的博客
05-21 143
转载于:https://www.cnblogs.com/zhengxj1991/p/9068808.html
前端三剑客：JavaScript
qq_39935684的博客
04-04 1185
一、JavaScript的历史 1990年底，欧洲核能研究组织（CERN）科学教Tim Berners-Lee，在全世界最大的电脑网络--互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件；最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便； 1992年底，美国国家超级电脑应用中心（NSCA）开始开发一个独立的浏览器，叫做Mosaic；这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览； 1994
Javascript（一）——JS概述及组成详解
似水流年，是谁苍白了等待
12-31 721
一、概述 1.什么是JavaScript？ 是运行在客户端上的一样脚本语言。所谓脚本语言也就是解释性，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行，逐行执行，在哪一行出错就会在哪一行停止运行。 2.作用 （1）嵌入动态文本与HTML页面 （2）对浏览器时间做出相应 （3）读写HTML元素 （4）在数据被提交到服务器之前验证数据 ...
JavaScript的三大实现构成介绍
chenfeng628的博客
11-03 2331
1.EMCAScript（核心）：             web浏览器是EMCAScript的宿主环境之一（还有Node和Adobe Flash）,EMCAScript是由ECMA-262定义。             而ECMA-262规定了如下内容：             语法            类型        语句      关键字           保留字     
学习ES6
m0_61843988的博客
03-10 984
ES6简介 ES6(ECScript)是JavaScript语言的下一代标准，已经在2015年6月正式发布。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 let和const命令 let用来声明变量 let特性 变量不能重复声明 块级作用域 不存在变量提升 不影响作用域链 const是用来声明常量，常量就是固定不变的量，在我们开发过程中当一个变量希望它的值，不被(自己或者他人)改变。 const特性 常量的值 一旦定义不能被修改 常量的名称
ES6学习总结
08-14
### ES6学习总结 #### 1）什么是ES6? **ES6**，即**ECMAScript 6**，是JavaScript语言的一种新版本标准，正式名称为ECMAScript 2015。它是JavaScript的一种规范，定义了语言的核心特性和API。自1997年发布第一个...
ES6 学习笔记.pdf
07-05
本次学习笔记中涉及的知识点主要涵盖了ES6的关键特性，包括变量声明、字符串和正则表达式、函数、对象、异步处理、数组、模块化等。 1. 块级作用域 在ES6之前，JavaScript只有一种作用域，即函数作用域。这使得变量...
ES6学习笔记.docx
04-27
ES6学习笔记 ES6（ECMAScript 6）是JavaScript语言的最新版本，引入了许多新的特性和变化。在本文中，我们将介绍ES6的学习心得，包括ES6的三种命名方式、箭头函数的介绍和应用、ES6字符串模板、ES6中的for和Array...
es6学习资料.zip
07-21
本资料包含的两份学习材料，即《es6标准入门》PDF文件和《es6入门》Word文件，将帮助你全面了解并掌握这个现代JavaScript的核心内容。** 首先，让我们来看看ES6中的关键特性之一——**箭头函数**。箭头函数提供了一...
ES6 学习文档
12-25
ES6，即ECMAScript 6，是JavaScript语言的新标准，全称为ECMAScript 2015。ES6的推出是为了解决ES5中的局限性，并对语言进行了很多扩展和改进。ES6与ES5相比，在语法和功能上增加了许多新的特性，这些改进不仅提高了...
es6学习
apple_73086122的博客
02-01 296
es6学习
ES6入门教程
又逢乱世
10-12 7373
VScode安装插件 Chinese (Simplified)、vscode-icons、Live Server 创建项目 新建文件夹ES6，在VScode中打开 新建两个文件夹src用于存放es6语法的代码，dist用于存放编译后的代码 打开VScode终端，使用命令 //意思是使用默认配置初始化项目 npm init -y 使用babel 安装babel 终端使用命令（babel的作用是把es6的代码转译成es5） // npm安装 非全局安装 babel客户端，b.....
ES6基础教程
最新发布
liwan09的博客
07-10 2741
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。其目标为使JavaScript可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript和JavaScript的关系：前者是后者的规格；后者是前者的一种实现。 ECMAScript 背景 JavaScript 是大家所了解的语言名称，但是这个语言名称是商标（ Oracle 公司注册的商标）。因此，JavaScript 的正式名称是 ECMAScript 。1996年11月，
《EMCAScript6入门》读书笔记——23.Module的加载实现
weixin_30950607的博客
05-21 129
转载于:https://www.cnblogs.com/zhengxj1991/p/9067861.html
Professional JavaScript for Web developer——2. EMCAScript(面向对象)
happmaoo的专栏
05-31 236
JavaScript是完全面向对象的，一切都是对象；了解JavaScript的核心部分ECMAScript只需了解如下3方面：1. 除了了解ECMAScript定义的关于JS的基础语法知识外，需要知道ECMAScript定义的JS的类及各个类的属性和方法并会使用！local object;built-in object;host object;(BOM,DOM对象)使用时可以查阅相应的参考手册，了...
web前端：Canvas 基础（一）
热门推荐
itwangyang520的博客
11-01 3万+
web前端：Canvas 基础（一）
JavaScript ES6 学习笔记：块级作用域、Promise、Class 等核心知识点
ES6 学习笔记 **块级绑定** 在 ES6 中，引入了块级绑定（Block Scope），解决了 var 声明变量的问题。块级绑定使得变量的作用域限定在当前块中，不会污染全局对象。 **变量声明** 在 ES6 中，引入了 let 和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值