zoukankan      html  css  js  c++  java
  • js中class类的基本理解及相关知识(一)

    // ES6的class类
            class Point{
                constructor(){
    
                }
    
                fn1(num){
                    console.log("被调用了")
                }
            }
            console.log(typeof Point);//function
            console.log(Point===Point.prototype.constructor);//true
    
            // 调用实例上的方法其实就是调用原型上的方法
            Point.prototype.fn1()//被调用了
            var b=new Point();
            b.fn1();//被调用了
            console.log(b.constructor===Point.prototype.constructor);//true
    
            Point.prototype.constructor.fn1()//报错
            Point.fn1()//报错
    // 给类添加新方法(这些方法都会加在原型prototype上)
            class Point{
                constructor(){
    
                }
            }
            Object.assign(Point.prototype,{
                fn1(){},
                fn2(){},
            })
            var b=new Point();
            console.log(b);
    打印结果为:
    
    
            class Point{
                constructor(){

                }
            }
            Object.assign(Point.prototype,{
                fn1(){},
                fn2(){},
            })
            console.log(Point.prototype);
      打印结果为:
      
            class Point{
                constructor(){

                }
            }
            var b=new Point();
            Object.assign(b,{
                fn1(){},
                fn2(){},
            })
            console.log(b);
      打印结果为:
      
    
    
    
    
    
    
    
    
    
     
  • 相关阅读:
    recurse_array_change_key_case()递规返回字符串键名全为小写或大写的数组
    php循环创建目录
    ajaxFileUpload增加附加参数
    dedecms5.7 联动类型无法显示
    一些比较隐秘的OJ的网址
    Emacs 配置
    qwq
    233
    [八省联考2018]林克卡特树lct
    [APIO2014]序列分割
  • 原文地址:https://www.cnblogs.com/Alex-Song/p/12201350.html
Copyright © 2011-2022 走看看