プログラミング学習の記録 252 独習JavaScript (大型本)の第7章(オブジェクト指向プログラミング)の7.6(スコープと名前空間)の練習問題7.6

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"独習JavaScript (大型本)"のp.248, 第7章(オブジェクト指向プログラミング)の7.6(スコープと名前空間)の練習問題7.6を解いてみる。

1.

グローバルオブジェクトとはグローバルスコープを保持している特殊なオブジェクトのこと。

 

2.

function ColoredRectangle(height, width, color) { this.height = height; this.width = width; this.color = color; function rgb(color) { if (!color || color.length != 7) { throw new Error("#000000形式でRGB値が格納されていません"); } else { return [color.substring(1, 3), color.substring(3, 5), color.substring(5)]; } } var colorArray = rgb(color); this.red = colorArray[0]; this.green = colorArray[1]; this.blue = colorArray[2]; } var colorRectangle = new ColoredRectangle(10, 20, "#123456"); document.write("<p>Red: " + colorRectangle.red + "</p>"); document.write("<p>Green: " + colorRectangle.green + "</p>"); document.write("<p>Blue: " + colorRectangle.blue + "</p>");

 

3.

var learnYourself; if (!learnYourself) { learnYourself = {}; } learnYourself.ColoredRectangle = function (height, width, color) { this.height = height; this.width = width; this.color = color; function rgb(color) { if (!color || color.length != 7) { throw new Error("#000000形式でRGB値が格納されていません"); } else { return [color.substring(1, 3), color.substring(3, 5), color.substring(5)]; } } var colorArray = rgb(color); this.red = colorArray[0]; this.green = colorArray[1]; this.blue = colorArray[2]; } var colorRectangle = new learnYourself.ColoredRectangle(10, 20, "#123456"); document.write("<p>Red: " + colorRectangle.red + "</p>"); document.write("<p>Green: " + colorRectangle.green + "</p>"); document.write("<p>Blue: " + colorRectangle.blue + "</p>");

 

4.

後から定義した変数で上書きされる。

確認

var a = 0; function change() { a = 1; } change(); alert("a="+a);