yui/examples/clone.html

	clone.html revision 10e554cc6f43c2bb6d75d603fc3c09e7bb39a9e0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>YUI 3.0</title>
<script type="text/javascript" src="/build/yui.js"></script>
<script type="text/javascript" src="/src/js/State.js"></script>
<script type="text/javascript">


(function() {

    var Y = YUI().use('dump', 'state'), newobj = {};

    var o = {
        str: "str",
        arr: [
            "array1",
            true,
            { obj: "obj"},
            ["array2"]
        ],
        dat: new Date(),
        fn: function() {
            Y.log('fn ' + this.str);
        },
        obj: {
            a: [1]
        },

        regex: /foo/,
        //win: window,
        nada: null,
        // els: document.getElementsByTagName('head'),
        state: new Y.State()
    };

    var o2 = Y.clone(o);

    Y.log("orig: " + Y.Lang.dump(o));
    Y.log("copy: " + Y.Lang.dump(o2));

    o.str = 'changed';
    o.date = new Date(0);
    // o.obj.a = ['changed'];
    // o.obj = { changed: 'changed' };
    // o2.obj = { changed: 'copy' };
    o.obj.a[0] = 'changed'

    Y.log("orig: " + Y.Lang.dump(o));
    Y.log("copy: " + Y.Lang.dump(o2));

    o.fn();
    o2.fn();

    // cloned regex literals do not work
    // Y.log("fixed regex: " + "i have foo".match(o2.regex));

    o.foo = "NewPropShouldNotBeInO2";
    Y.log(o2.foo);

    function A() {

    }

    A.prototype = {
        str:"bar",
        obj: {}
    }

    var a = new A();
    var b = Y.clone(a);

    A.prototype.str = "StrShouldNotBeUpdatedInB";

    Y.log(b.str);

    var seed = { foo : { bar : 'bar' } };
    var clone = Y.clone(seed);

    Y.log(1,'seed.foo.bar: '  + seed.foo.bar);  // 'bar'
    Y.log(1,'clone.foo.bar: ' + clone.foo.bar); // 'bar'

    seed.foo.bar = 'foo';
    Y.log(2,'seed.foo.bar: '  + seed.foo.bar);  // 'foo'
    Y.log(2,'clone.foo.bar: ' + clone.foo.bar); // 'bar'

    delete clone.foo.bar;
    Y.log(3,'seed.foo.bar: '  + seed.foo.bar);  // 'foo'
    Y.log(3,'clone.foo.bar: ' + clone.foo.bar); // 'foo'!


Y.log([].constructor.prototype);

// Y.log(o2.els[0].parentNode);

Y.log(/adam/ instanceof RegExp);

Y.log(o2.state.get('bar'));
// Y.log("-" + Y.Lang.dump(a.constructor.prototype));

})();

</script>
<body>

<input id="addButton" type="button" value="Add link" />

</body>

</html>