javascript the 'with' statement -

joe.bq.wang

浏览: 399641 次
性别:
来自: 上海

最近访客更多访客>>

musicull

hillsoul

virtual_garden

mengke111

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

javascript the 'with' statement

博客分类：

javascript

javascript

The with() {} statement is meant to provide convenience.

and there are some golden laws about the with() {} statement.

it only use/assign existing properties
it does not affect what is 'this'
the scoped variable inside with statement take precedence over others with the same name
it slows things down.,

let's first see some simple example that shows something about the with statement.

/**************************************
*@Summary
* this shows the simple use of with statement
*
* the key rule about the use of the statement is that it 
*   1. does not affect what is 'this' context. 
*   2. it does not help create properties that is not in the 'with' scoped variable. You can only use and assign existing properties in the with() {} statement
*   3. within the scope of the statement, the properties introduced by with(){} take precedence over the other variables.
*   4. and it slows things down (not sure where comes the extra overhead)
* @Usage:
*   
* @TODO:
* test it 
***************************************/

var use = "other";
var katana = {
  isSharp: true,
  use: function () {
    this.isSharp = !this.isSharp;
  }
};

//with (katana) {
//  assert(true, "you can still call outside mehtods.");

//  isSharp = false;

//  use();
//  // this illustrate the fact that local with variable take precedence
//  assert(use !== "other", "Use is a function, from the kantana object");

//  assert(this !== katana, "This isn't changed - it keeps its original value");
//}

// commentted out, to test it , copy the following code to the test html and do the test
//assert(typeof isSharp === "undefined", "Outside the with, the properties don't exist.");
//assert(katana.isSharp, "Verify that the method was used correctly in the with.");

and below is its test cases.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../unit.js" type="text/javascript"></script>
    <script src="simplewith.js" type="text/javascript"></script>
    <script type="text/javascript">
      window.onload = function () {
        test("with(){} doest not change what 'this' is. and it simplifies things", function () {
          with (katana) {
            assert(true, "you can still call outside mehtods.");

            isSharp = false;

            use();
            // this illustrate the fact that local with variable take precedence
            assert(use !== "other", "Use is a function, from the kantana object");

            assert(this !== katana, "This isn't changed - it keeps its original value");
          }

          assert(typeof issharp === "undefined", "outside the with, the properties don't exist.");
          assert(katana.isSharp, "verify that the method was used correctly in the with.");
        });

        test("you cannot access non-existing properties inside with(){} statement", function () {
          with (katana) {
            isSharp = false;
            cut = function () {
              isSharp = false;
            };
          }
          assert(!katana.cut, "The new cut property wasn't introduced here.");
          assert(this.cut, "It was made as a member variable to the anonymous function that contains the test instead.");
        });
      };
    
    </script>

    <style type="text/css">
    #results li.pass {color: Green}
    #results li.fail { color: Red}
    </style>

</head>
<body>
<ul id="results"
</body>
</html>

also, with the 'with' statement, you can chang the way how the code is written to simulate some object-oriented javascript code.

/**************************************
*@Summary
* this shows how you can use the with statement to facilitate writting some OO like code. 
*
* the key rule about why the use of the statement has the advantage is that 
*   1.it introduce a local scope
*   2. you can have something like private and public, which is missing in non-with statement
*   3. you can access the private and public through names alike inside the with statement, but outside the visibility is different.
* @Usage:
*   
* @TODO:
* test it 
***************************************/

function Ninja(){with(this){
  // Private Information
  var cloaked = false;
  // Public property
  this.swings = 0;
  // Private Method
  function addSwing(){
    return ++swings;
  }
  // Public Methods
  this.swingSword = function(){
    cloak( false );
    return addSwing();
  };
  this.cloak = function (value) {
    return value != null ?
    cloaked = value :
    cloaked;
  };
} 
}

// below is the test code.
var ninja = new Ninja();
assert(!ninja.cloak(), "We start out uncloaked.");
assert(ninja.swings == 0, "And with no sword swings.");
assert(ninja.cloak(true), "Verify that the cloaking worked correctly.");
assert(ninja.swingSword() == 1, "Swing the sword, once.");
assert(!ninja.cloak(), "The ninja became uncloaked with the sword swing.");

分享到：

the new schema in Scala | javascript trim implementation with rege ...

2012-08-07 08:43
浏览 677
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript the 'with' statement

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript the 'with' statement

评论

发表评论

相关推荐

javascript - trick to cross browser DOM ready event

javascript - trick to simulate mouseenter and mouseleave

javascript - trick to simulate the change event

javascript - trick to simulate bubbling submit event

javascript - trick to implement bubbling submit event

javascript - trick to detect bubbling supportability

javascript - trigger event and custom events

javascript - trick to handlers management

javascript - trick to centralized store

javascript - trick to fix the event object

javascript - tricks to deal with colors

javascript - trick to manipulate the opacity

javascript - trick to test visibility of an element

javascript - trick to get and set height and width

javascript - trick to set/get attributes that expects px values

javascript - trick to get and set CSS style

javascript - trick to normalize href for IE

javascript - trick IE form and its expando attribute

javascript expando and attributes

javascript - trick to getText and setText

最近访客更多访客>>