プログラミング学習の記録 292 "独習JavaScript"の第7章(オブジェクト指向プログラミング)の7.6(スコープと名前空間)

開発環境

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

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

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) { return null; } return [color.substring(1, 3), color.substring(3, 5), color.substring(5, 7)]; } var colorArray = rgb(color); if (colorArray != null) { this.red = colorArray[0]; this.green = colorArray[1]; this.blue = colorArray[2]; } } var color = new ColoredRectangle(10, 20, "#012345"); document.write("<p>長方形について</p>" + "<p>高さ: " + color.height + " 幅: " + color.width + "</p>" + "<p>色 赤: " + color.red + " 緑: " + color.green + " 青: " + color.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) { return null; } return [color.substring(1, 3), color.substring(3, 5), color.substring(5, 7)]; } var colorArray = rgb(color); if (colorArray != null) { this.red = colorArray[0]; this.green = colorArray[1]; this.blue = colorArray[2]; } } var color = new learnYourself.ColoredRectangle(10, 20, "#012345"); document.write("<p>長方形について</p>" + "<p>高さ: " + color.height + " 幅: " + color.width + "</p>" + "<p>色 赤: " + color.red + " 緑: " + color.green + " 青: " + color.blue + "</p>");

 

4.

後から定義されたものにひょって上書きされる。

確認。

function f() { alert(1); } function f() { alert(2) } f();