ES6——class 基本语法

2021-10-27 15:03:35 阅读：145 来源： 互联网

标签：ES6 console log Point Object 语法 y1 prototype class

构造函数如果采用以下这种方式声明，并不能为Point类生成一个名name为‘y1’的属性property。

Object.assign(Point.prototype, {
  constructor(x,y){
         this.x=x;
         this.y1=y;
     },
  fun1(){}
});

完整demo如下：macOs+chrome（启动devtools调试，option+command+i）

// let methodName = 'getSum'

class Point{
     constructor(x,y){
         this.x=x;
         this.y=y;
     }

    add(a, b){
        return a+b;
    }

    get(){
      return this.x+this.y;
    }
    get1(){
      return this.y1+this.y
    }
   

}
Object.assign(Point.prototype, {
  constructor(x,y){
         this.x=x;
         this.y1=y;
     },
  fun1(){}
});
Point.prototype.fun2 = function(){}


var p = new Point(1,2);
console.log(Object.keys(Point.prototype))
console.log(Object.getOwnPropertyNames(Point.prototype))
console.log(Object.getOwnPropertyNames(p))
console.log(Object.getOwnPropertyNames(new Point(3,4)))
console.log(p.hasOwnProperty("x"))
console.log(p.hasOwnProperty("y"))
console.log(p.hasOwnProperty("y1"))
console.log(p.get())
console.log(p.get1())

结果：

(2) ['fun1', 'fun2']
(6) ['constructor', 'add', 'get', 'get1', 'fun1', 'fun2']
(2) ['x', 'y']
(2) ['x', 'y']
true
true
false
3
NaN
undefined

标签：ES6,console,log,Point,Object,语法,y1,prototype,class
来源： https://www.cnblogs.com/sunupo/p/15470768.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ES6——class 基本语法