• 技术文章 >web前端 >前端问答

    es6声明变量的方法有哪些

    青灯夜游青灯夜游2021-09-10 14:49:01原创102

    声明变量的方法:1、使用var命令,语法“var 变量名;”;2、使用function命令;3、使用cosnt命令,语法“const 变量名;”;4、使用let命令,语法“let 变量名”;5、使用import命令;6、使用class命令。

    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

    ES5 只有两种声明变量的方法:var命令和function命令。

    ES6 除了添加letconst命令,还有两种声明变量的方法:import命令和class命令。

    所以,ES6 一共有 6 种声明变量的方法。

    (1) var命令

    var a ;  //undefined
    var b = 1;

    (2)function命令

    function add(a) {
      var sum = a + 1;
      return sum;
    }

    (3) cosnt命令

    const a;     //报错,必须初始化
    const b = 1;

    (4) let命令

    let a;  //undefined
    let b = 1; 
    function add(b) {
      let sum = b + 1;
      return sum;
    }
    let c = add(b);

    (5) import命令

    1、ES6引入了自己的模块系统。通过export导出,import导入。

    2、与CommonJS不同的是,它是获取模块的引用,到用的时候才会真正的去取值。

    3、例如js中:

      let student = [
        {
          name: 'xiaoming',
          age: 21,
        },
        {
          name: 'xiaohong',
          age: 18
        }
      ]
      export default student; // 这种导出方式,你可以在import时指定它的名称。

    4、在app.js中我们就可以这样用:

      import StudentList from './student.js'; //指定名称
      console.log(StudentList[0].name); //xiaoming

    (6) class命令

    1:class作为es6的语法糖,实际上es5也可以实现的。

      class Point {
        constructor (x, y) {
          this.x = x;
          this.y = y;
        }
        toString () {
          return this.x + ',' + this.y;
        }
      }
    //上面是一个类
      Object.assign(Point.prototype, {
        getX () {
          return this.x;
        },
        getY () {
          return this.y;
        }
      })
      let p1 = new Point(1,2);
      console.log(p1.toString()); //1,2
      console.log(p1.getX()); //1
      console.log(p1.getY()); //2
      console.log(Object.keys(Point.prototype)); // ["getX", "getY"]

    2:使用extends继承

    class ThreeDPoint extends Point {
        constructor (x, y, z) {
          console.log(new.target); //ThreeDPoint
          super(x, y);
          this.z = z;
    }
        toString () {
          return super.toString() + ',' + this.z;
        }
        static getInfo() {
          console.log('static method');
        }
        get z() {
          return 4;
        }
        set z(value) {
          console.log(value);
        }
    }
      ThreeDPoint.getInfo(); // "static method"
      let ta = new ThreeDPoint(2,3,4);
      console.log(ta.toString()); //2,3,4
      console.log(ta.z); // 4
      ta.z = 200; // 200
      console.log(Object.getPrototypeOf(ThreeDPoint)); //Point

    【推荐学习:javascript高级教程

    以上就是es6声明变量的方法有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript es6 声明变量
    上一篇:es6怎么删除对象属性 下一篇:javascript如何添加框
    线上培训班

    相关文章推荐

    • 了解ES6扩展运算符,谈谈它的8种使用方法• ES6中值得了解的新增字符串方法• 浅谈Node.js中ES6导入语法的使用方法• 一文讲解JS中ES6代理Proxy用法(代码分享)• 15个值得收藏的实用JavaScript代码片段(项目必备)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网