javascript - 请问各位大神,这些问题你们造吗?造的话麻烦解答下。迷惑的小羊儿~~~
PHPz
PHPz 2017-04-10 14:59:54
0
2
466

先谢谢大神了。问题都在图片里。

PHPz
PHPz

学习是最好的投资!

全員に返信(2)
小葫芦

createjs.Shape.call(this)

这里的this是指向circle的实例的,call的作用是改变原有方法中的上下文,即this的指向,拿具体例子来说

var createjs = {};

createjs.Shape = function () {
    this.name = 'shape';
}

function Cirle(){
    createjs.Shape.call(this);
}

var circle=new Cirle();

conosle.log(circle.name);

控制台就会打印出shape,只需要理解下call的用法就可以了

this.circleTye = type

var createjs = {};

createjs.Shape = function () {
    this.name = 'shape';
}

function Cirle() {
    createjs.Shape.call(this);

    this.setCircleType = function (type) {
        this.circleTye = type;
    }
}

var circle = new Cirle();
circle.setCircleType(2);
console.log(circle.circleTye);

每次执行了setCircleType方法,当前的实例就会记录下circleType,也就是说,通过实例的circleType属性,可以知道当前的circleType是什么。

Cirle.prototype=new createjs.Shape()

这里是利用JavaScript的原型链实现类的继承,具体内容题主请自行询问度娘,网上教程很多。
继承的功能想必我不用多说了吧,看个例子

var createjs = {};

createjs.Shape = function () {
    this.name = 'shape';
}

function Cirle() {
}

Cirle.prototype=new createjs.Shape();

var circle = new Cirle();
console.log(circle);


Cirle方法什么没干,但是打印出的实例却有name属性,其实就是通过Cirle.prototype=new createjs.Shape()实现的继承。

hope help you。说的不对的还请包含指正!

いいねを押す +0
迷茫

这就是古老的JS对象继承的写法,我给你改成ES6的写法,你就能明白了。

javascript"use strict";
class Circle extends createjs.Shape{
    // 构造函数
    constructor(){
        super();
        this.setCircleType(Circle.TYPE_RED);
    }
    // setCircleType方法
    setCircleType(type){
        switch(type){
            case Circle.TYPE_RED:
                this.setColor("#ff0000");
                break;
            case Circle.TYPE_GREEN:
                this.setColor("#00ff00");
                break;
        }
    }
    // setColor方法
    setColor(color){
        this.graphics.beginFill(color);
        this.graphics.drawCircle(0,0,50);
        this.graphics.endFill();
    }
}

这就是Circle类继承createjs.Shape的ES6写法,和你上面那些代码是相同语义的(需要在较新的浏览器才支持)

javascriptCircle.Type_RED=1;
Circle.Type_GREEN=2;

这两行照些,和Circle类无关,只是个模仿枚举的用法。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!