JavaScript作用域
发布于2021-06-20 18:09 阅读(560) 评论(0) 点赞(6) 收藏(0)
作用域指一个变量的作用范围
js中一共两种作用域
- 全局作用域是
直接写在script标签的js代码，都在全局作用域
全局作用域在页面打开的时候创建，在页面关闭时销毁
在全局作用域中有一个对象window，他代表一个浏览器的窗口，它由浏览器创建，我们可以直接使用
在全局作用域中：
创建的变量都会作为window对象的属性保存
全局中的函数都会作为window对象的方法保存
全局作用域中的变量都是全局变量
在页面的任意的部分都可以访问到
- 函数作用域
调用函数时创建函数作用域，函数执行完毕以后，作用域销毁
每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的
在函数作用域中可以访问全局变量，
但在全局作用域中无法访问到局部变量
当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用，如果没有就向上一作用域中寻找。直到找到全局作用域，如果全局作用域中仍然没有找到，则会报错ReferenceError
在函数中想要访问全局变量可以使用window对象
javascript中对this
解析器再调用函数每次都会向函数内部传递一个隐式的参数
这个隐含的参数就是this ，thi指向的是一个的对象，
这个对象我们称为函数执行的上下文对象，
根据函数调用方式不同，this会指向不同的对象
总结this：
- 以函数的形式调用时，this永远都是window
- 以方法的形式调用是，this就是调用方法的那个对象
使用工厂方法创建对象
function creatPerson(name,age,gender){
var obj=new Object();
Obj.name=name
Obj.age=age;
Obj.gengder;
Obj.sayhello=function(){
Console.log(“大家好！ 我是”+this.name);
}
return obj;
}
构造函数：
创建一个构造函数，专门用来创建person对象
构造函数就是一个普通的函数，创建方式和普通函数没有区别
不同的是构造函数习惯上首字母大写
构造函数和普通函数的区别就是调用方式的不同
普通函数是直接调用，而构造函数需要使用new关键字来调用
构造函数的执行流程
- 立即创建一个新的对象
- 将新建的对象设置给函数中的this，在构造函数中可使用this 来引用新建的对象
- 逐行执行函数中的代码
- 将新建的对象作为返回值返回
使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造称为一个类。
我们通过一个构造函数创建的对象，称为该类的实例
对this的情况进行总结：
- 当以函数的形式调用时，this就是window对象
- 当以方法的形式调用时，this就是调用方法的这个对象
- 当以构造函数的形式调用时，this就是新创建的对象
- 原型函数Prototype
我们创建的每一个函数，解析器都会向函数中添加一个属性prototype
这个属性对应着一个对象，这个对象就是我们所谓的原型对象
如果函数作为普通函数调用时，他创建的对象中都有一个隐藏的属性
当指该构造函数的原型对象，我们可以通过__proto__来访问该属性
原型对象就相当于一个公共的区域，所有同一个类的实力都可以访问到这个原型对象
我们可以将对象中共有的内容，统一设置到原型对象中
当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找。如果找到则直接使用
以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中去，这样不用分别为每一个对象添加，也不会影响到全局作用域，就可以使每一个对象都具有这些属性和方法了。
原文链接:https://blog.csdn.net/weixin_57764808/article/details/117688461
所属网站分类: 技术文章 > 博客
作者：92wwhehjw
链接：http://www.qianduanheidong.com/blog/article/135917/fb4abcc8d3d8a306bb74/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力