// Less
@bgcolor : #fff;

// Sass
$bgcolor : #fff;

//Stylus
$bgcolor : #fff;

// input
.warp {
    a {
        color : #333;
        &:hover {
            text-decoration : underline;
        }
    }
}

// output
.warp a{
    color : #333;
}
.warp a:hover{
    text-decoration : underline;
}

// Less -- input
.fontSize(value){
    font-size:value;
}
.foo{
    .fontSize(16px);
}

// output
.foo{
    font-size:value;
}

// Sass -- input
@mixin fontSize(value){
    font-size:value;
}
.foo{
    @include fontSize(1em);
}

// output
.foo{
    font-size:1em;
}

//Stylus -- input
fontSize(value){
    font-size:value;
}
.foo{
    fontSize(12px);
}

//output
.foo{
    font-size: 12px;
}

class Point {
    x: number;
    y: number;
    constructor(x: number, y: number) {
        this.x = x;
        this.y = y;
    }
    getDist() { 
        return Math.sqrt(this.x * this.x + 
        this.y * this.y); 
    }
}
var p = new Point(3,4);
var dist = p.getDst();
alert("Hypotenuse is: " + dist);

http://www.typescriptlang.org/

function Point() {
    var x,y;
    
    return {
        setDist : function(x,y){
            this.x = x;
            this.y = y;
        },
        getDist : function(){
            return Math.sqrt(this.x * this.x + this.y * this.y);
        }
    }
}
var p = new Point();
    p.setDist(1,5);
var dist = p.getDist();
alert("Hypotenuse is: " + dist);

var Point = function(){var x,y;};

Point.prototype = {
	setDist: function(x, y) {
		this.x = x;
		this.y = y;
	},
	getDist: function() {
		return Math.sqrt(this.x * this.x + this.y * this.y);
	}
}
var p = new Point();

p.setDist(1,5);
p.getDist();

https://www.zybuluo.com/king-/note/171416

coolie