一打開頁面，即第1次運作，運作結果如下：
第2次運作，運作結果如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript中this以及window對象和window對象的name屬性</title>
<script type="text/javascript">
//打開浏覽器，執行本頁面所有的代碼，第一次執行和第二次執行，運作結果會不同，大家可以試一下
//全局變量(全局變量是屬于window對象的屬性)
var hometown = "江西省贛州市于都縣渡江大道666666号";
console.log(window.hometown, hometown);//window可以省略不寫
var salary = 19800.56;
//19800.56 19800.56 19800.56
console.log(salary, window['salary'], window.salary);
//window['salary']這樣寫才對，如下這種寫法不可以
console.log(window[salary]);//undefined
console.log(window, this);
console.log(window == this, window === this); //true true
function Dog(str) {
this.name = str;
}
var dog1 = new Dog('旺财');
console.log(dog1.name); //結果
console.log(name); //結果
//在js中window對象有name屬性，name屬性的值預設是""空字元
console.log(window.name);
console.log(name); //window可以省略不寫
function fn(str) {
console.log("hello" + str, this);
this.name = str;
this.age = 26;
}
//如果把下面這2行代碼注釋掉，運作效果會大不相同，大家可以試一試，會學習到一些意想不到的知識
window.fn("令狐沖");
fn("韋小寶");
var f = new fn("張無忌");
console.log(f.name, f.age);
console.log(name);
console.log(name, age);
console.log(window.name, window.age);
function Person(str) {
this.userName = str;
this.userAge = 12;
}
var p1 = new Person('楊過');
console.log(p1.userName); //楊過
// console.log(userName); //Uncaught ReferenceError: userName is not defined
console.log(p1.userAge); //12
// console.log(userAge); //Uncaught ReferenceError: userAge is not defined
window.Person("段譽");
console.log(userName, window.userName); //段譽 段譽
console.log(userAge, window.userAge); //12 12
Person("喬峰");
console.log(userName, window.userName); //喬峰 喬峰
console.log(userAge, window.userAge); //12 12
console.log(window.name);
function Cat(str) {
this.name = str;
//沒有使用var關鍵字定義的變量是全局變量
hobby = "羽毛球"; //全局變量(全局變量是屬于window對象的屬性)
}
var catA = new Cat('Tom');
console.log(catA.name);//Tom
console.log(name);
console.log(catA.hobby);//undefined
console.log(hobby, window.hobby);//羽毛球 羽毛球
</script>
</head>
<body style="background-color: #CCE8CF;">
<h2>javaScript中this以及window對象和window對象的name屬性</h2>
<div id="div1" style="background-color: Wheat; height: 200px;">
</div>
</body>
</html>
javaScript中this以及window對象和window對象的name屬性的知識點，大家最好是自己去寫一寫，測一測，自己去了解一下。