Promise学习3：手写Promise的前序知识以及简单实现

最新推荐文章于 2024-11-06 22:04:35 发布

李喵喵爱豆豆

最新推荐文章于 2024-11-06 22:04:35 发布

阅读量82

点赞数

分类专栏： javascript学习文章标签：学习 javascript 原型模式

本文链接：https://blog.csdn.net/qq_41040989/article/details/128819414

版权

10 篇文章 0 订阅

订阅专栏

JS立即执行函数与模块化

函数定义好之后立马执行

**函数表达式的方式：**函数表达式后面加()即可立即执行函数

var xmlhttpUtil = function () {
    function getText(url,callback){
        alert("dog");
}();

匿名函数不允许作为单独的语句直接出现于javascript中，因此要想立即执行函数，必须做出一些符合语法的改变：

方法1 是将匿名函数赋值给一个变量，这就成了函数表达式，可在其后加括号立即执行。
方法2 匿名函数外面套一个括号（这是js语法允许的），这就相当于成了函数表达式，然后再在其后加括号即可立即执行。

(function(b){
            alert(b);
        })(321);

由于函数内部的变量不会污染全局作用域，因此立即执行函数可用于模块化，很多第三方库都采用了这种方式。

模块化进化史

通俗的话来说，就是在script标签中声明的那个函数

<body>
<script>
    function students() {
 
        /* 我就是构造函数 */
 
 
    }
 
 
 
</script>
</body>

在声明了一个函数之后，浏览器会自动按照一定的规则创建一个对象，这个对象就叫做原型对象，这个原型对象其实是存储在内存中的。

在声明了一个函数之后，这个构造函数（声明了的函数）中有一个属性prototype，这个属性指向的就是这个构造函数对应的原型对象；这个原型对象中有一个属性constructor，这个属性指向的就是这个构造函数（声明了的函数）。

当我们使用构造函数去创建对象时

<body>
<script>
    function students() {
 
        /* 我就是构造函数 */
 
 
    }
 
    var stu = new students();
 
</script>
 
</body>

此时，stu就是构造函数students创建出来的对象，这个对象中时没有prototype属性的，prototype属性只有在students中有；

但是stu有一个__proto__属性，stu调用这个属性就可以直接访问到students的原型对象；

总结：

prototype属性：
prototype存在于构造函数中，指向这个构造函数的原型对象
constructor属性
constructor属性存在于原型对象中，她指向了构造函数
我们根据需要，可以students.prototype 属性指定新的对象，来作为students的原型对象。但是这个时候有个问题，新的对象的constructor属性则不再指向students构造函数了。
proto 属性(注意：左右各是2个下划线):
用构造方法创建一个新的对象之后，这个对象中默认会有一个属性__proto__, 这个属性就指向了构造方法的原型对象。