jonatan-alama

HTML/DOM check

確認目的

• 簡単なDOM操作
  • getElementById
  • getElementsByClassName
  • querySelector(All)
  • appendChild

jonatan-alama

import * as React from "react";
import * as ReactDOM from "react-dom";

interface ReactSliderAppState {
    value: number;
}

class ReactSliderApp extends React.Component<void, ReactSliderAppState> {
    constructor() {
        super();

jonatan-alama

let a = "Hello";
let b = 5;
let c = new Date();
let d = function D() { return true; };
class E {};
let e = new E();

console.log(typeof a);  // string
console.log(typeof b);  // number
console.log(typeof c);  // object

jonatan-alama

interface IWebsite {
    title: string;
    url: string;
}

class WebSite {
    private _title: string;
    private _url: string;
    constructor(website: IWebsite) {
        this._title = website.title;

jonatan-alama

let myclass = new MyClass();

if (myclass instanceof IMyInterface) {} // Error "Cannot find name 'IMyInterface'"

if (myclass instanceof MyClass) {} // OK

jonatan-alama

var MyClass = (function () {
    function MyClass() {
    }
    MyClass.prototype.myMethod = function () {
        console.log("myMethod called");
    };
    return MyClass;
}());

jonatan-alama

interface IMyInterface {
    myValue: string;
    myMethod(): void;
}

class MyClass implements IMyInterface {
    myValue: string;
    myMethod(): void {
        console.log("myMethod called");
    }

jonatan-alama

interface IMyInterface {
    myValue: string;
    myMethod(): void;
}