<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// this的指向不是在创建时就决定了,而是由执行环境决定的
// <!-- 函数对象 -->
// <!-- 将函数当对象使用 本质上函数就是对象 -->
// function aa(){
// }
// aa.b = 1
// console.log(aa.b);
// let aa = {b:1}
// console.log(aa.b);
// 实例对象
function Person(name, age) {
// 构造函数的this指向它的实例对象
this.name = name
this.age = age
// console.log(name,age);
// console.log(11,this);
}
const p1 = new Person('战士', '12')//两个值传进去
console.log(p1);
// 普通函数this指向Window
// region
// var name = 'zhar';
// function say() {
// console.log(this.name);//zhar
// console.log(this);//Window
// }
// say();
//endregion
// 同样,在 setTimeout 或 setInterval 这样的延时函数中调用也属于全局对象
// region
// var name = 'zhar';
// setTimeout(function () {
// console.log(this.name);//zhar
// console.log(this); //Window
// }, 0);
//endregion
// 对象环境指向对象
// var obj = {
// name: "zhar",
// say: function () {
// console.log(this.name);//zhar
// console.log(this);
// }
// }
// obj.say();
// var name = 'tom';
// var obj = {
// name: "zhar",
// say: function () {
// console.log(this.name);
// console.log(this);
// }
// }
// // 这里把调用者变成了一个var fun 全局变量 即window
// var fun = obj.say;
// fun();
//输出 ?//fun定义在全局环境下,即window.fun()
//再次说明了this的指向是由运行时的执行环境来决定的
// var name = 'tom';
// var obj = {
// name: "zhar",
// say: function () {
// console.log(this);
// aa()
// function aa() {
// console.log(this.name);
// console.log(this);
// }
// }
// }
// obj.say();//输出 ?//tom
// // 谁调用指向谁 函数调用函数这里指向上一个函数 即函数指向window
// 可以使用局部变量来代替this指针
// var name = "zhar";
// var obj = {
// name: "zhar",
// say: function () {
// var _this = this;//使用一个变量指向 this
// setTimeout(function () {
// console.log(_this.name);
// console.log(this);
// }, 0);
// }
// }
// obj.say();
// new产生一个新对象;
// 拿到传入的参数中的第一个参数,即构造函数Constructor, proto==constructor.prototype
// 执行构造函数,并将this指向创建的空对象
// 将传入构造函数的参数,在obj上下文中执
// 如果构造函数返回一个对象,则直接返回这个对象,若构造函数没有返回这个对象,那么就返回obj
// 1、创建了一个空的js对象(即{})
// 2、将空对象的原型prototype指向构造函数的原型
// 3、将空对象作为构造函数的上下文(改变this指向)
// 4、对构造函数有返回值的判断
// 在new的时候,会对构造函数的返回值做一些判断:
// 1、如果返回值是基础数据类型,则忽略返回值;
// 2、如果返回值是引用数据类型,则使用return 的返回,也就是new操作符无效;
</script>
</body>
</html>