美文网首页
ES6、引用

ES6、引用

作者: z_j_r | 来源:发表于2017-11-03 18:52 被阅读0次

前言:

不管现在有多么艰辛,我们也要做个生活的舞者

--------------------------------正文---------------------------------

'use strict' (严格,但是不兼容IE低版本)

ES6 (也叫 ES.next 或 ES2015)

1. 声明变量 (let 声明)

   let 变量名 = 变量值;
   { } 块级作用域
   声明常量      const URL(建议用大写) = ' ';

 一经声明,不能修改

2. 字符串拼接(` 反引号)

   用法:` 字符串 `
  eg: var json = {"name":"eric","age":16};
      (加反引号的)var str = `我叫"${json.name}",今年"${json.age}"岁!`;
      (不加反引号的)var str = '我叫"'+json.name+'",今年"'+json.age+'"岁!';

3. 扩展运算符

     var arr = [1,2,3];
     var arr2 = [...arr];

  eg: var arr = [1,2,3];
      var arr2 = [...arr];
        
      arr.push(5);

      document.write(arr+'<br />');          // 输出(1,2,3,5)
      document.write(arr2+'<br />');         // 输出(1,2,3)

4. 解构赋值

  eg: var [a,b] = [12,5];
      document.write(a+b);           // 输出(17)

      var {a,b} = {a:12};
      alert(b);                   // 输出(underfind)

      function show(a=0,b=0){
          alert(a+b);
      }
      show(12,5);                // 有值就输出值,没值时a=0,b=0;

5. 箭头函数

  eg:   function show(a,b){
            return a+b;
        }
        show=(a,b)=>a+b;

        function show(a,b){
            alert(a+b);
        }
        show=(a,b)=>{
            alert(a+b);
        }

        function show(){
            alert(12);
        }
        show=()=>{
            alert(12);
        }

        function(){
            alert(12);
        }
        ()=>{
            alert(12);
        }

箭头函数里的 this 指向上一层。如果没有就是 window

  eg:  document.onclick = ()=>{
            alert(this);
        }                        // 输出 window
       document.onclick = function(){
            var json = {
                show:()=>{
                    alert(this);
                }
            };
            json.show();
        };                      // 输出 HTMLDocument

相关文章

  • axios

    npm文档 准备工作 安装axios 引用 直接script标签引用 ES6 import引用 因为axios不是...

  • ios 10 web页面白屏问题

    因引用自研第三方库内部引用了其他库,其他库未进行es6转码;存在const等es6语法手动更改引用,后续需优化自研...

  • ES6、引用

    前言: 不管现在有多么艰辛,我们也要做个生活的舞者 -------------------------------...

  • ES6模块的循环加载

    ES6 处理“循环加载”与 CommonJS 有本质的不同。ES6 模块是动态引用,如果使用import从一个模块...

  • module

    ES6中函数复用函数封装a.js文件 外部引用 上面的引用存在的问题:引用的名称必须与封装的js中export的名...

  • commonJS、AMD、ES6模块使用规范

    引用文章 commonJS、AMD、ES6模块使用规范 - olin的文章 - 知乎[https://zhuanl...

  • JS

    *函数参数是按值传递的还是引用传递 cookie 浏览器本地存储 html引用外部js时,需要注意什么 es6 基...

  • Cookie的使用(js-cookie插件)

    js-cookie 官方文档 里面就详细的介绍了es5怎么引用,以下是ES6以上的用户 一、安装 二、引用 三、一...

  • 13、Vue之Cookie的使用(js-cookie插件)

    js-cookie 官方文档 里面就详细的介绍了es5怎么引用,以下是ES6以上的用户 一、安装 二、引用 三、一...

  • RN-ES5 ES6写法对比

    模块引用 ES5 使用CommonJS 标准, 使用 require ES6 import 写法 导出类 ES5 ...

网友评论

      本文标题:ES6、引用

      本文链接:https://www.haomeiwen.com/subject/jqxxmxtx.html