javaScript中this以及window对象和window对象的name属性

一打开页面，即第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]);//undefinedconsole.log(window, this);
console.log(window == this, window === this); //true truefunction 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 definedconsole.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 12Person("乔峰");
console.log(userName, window.userName); //乔峰 乔峰
console.log(userAge, window.userAge); //12 12console.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属性的知识点，大家最好是自己去写一写，测一测，自己去理解一下。

javaScript中this以及window对象和window对象的name属性相关推荐

如何使用JavaScript中的工厂函数构建可靠的对象
Discover Functional JavaScript was named one of the best new Functional Programming books by BookAut ...
JavaScript中的面向对象（1）：对象创建模式
对象 JS中的对象是无序属性的集合,属性可以包括基本值.对象.函数.简而言之,JS中的对象就是一组键值对. 创建对象工厂模式工厂模式是用函数将创建对象的细节封装起来. function creat ...
html输出json对象属性值,用javascript中的HTML元素值构建JSON对象
所以现在我在我的页面上有以下内容: 其中包括一个下拉菜单和一个输入文本字段.因此,我想从上面的HTML元素中创建一个JSON格式的javascript对象,这样我就可以得到如下内容: myObj = ...
JavaScript中的面向对象--对象创建
JavaScript高级程序设计第3版总结p156 1.JavaScript中的对象首先,ECMAScript 中函数实际上是对象.每个函数都是 Function 类型的实例,而且都与其他引用类型一 ...
JavaScript中定义对象的几种方式
JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下5种方式(附加改进方式): 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(&q ...
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。朗郎视力保健按摩服务中心，计次卡服务，消费一次扣减一次，记账式的消费卡，只要带手机即可，不用实体卡
JavaScript 中的对象在 JavaScript 中,对象是数据(变量),拥有属性和方法. 当您像这样声明一个 JavaScript 变量时: var txt = "Hello&qu ...
JavaScript中的函数表达式
在JavaScript中,函数是个非常重要的对象,函数通常有三种表现形式:函数声明,函数表达式和函数构造器创建的函数. 本文中主要看看函数表达式及其相关的知识点. 函数表达式首先,看看函数表达式的表 ...
移花接木—— 再谈javascript中的 call 与 apply
2019独角兽企业重金招聘Python工程师标准>>> 在JavaScript中,call 和 apply 是Function对象自带的两个方法,这两个方法的主要作用是改变函数中的t ...
JavaScript中的部分函数/方法参考
目录 1.Object.defineProperty方法 2.for.for...in.for...of.forEach方法 for循环(可使用return.break等来中断循环) forEach循 ...
JavaScript中onload和unload用法
window.onload: 页面加载完成后执行一,window.onload的用法: 因为页面中的代码一般情况下按照,从上到下,从左到右的顺序执行. 所以当js代码需要获取页面中的元素时,如果 ...

javaScript中this以及window对象和window对象的name属性

javaScript中this以及window对象和window对象的name属性相关推荐

最新文章

热门文章