JS原型详解

最新推荐文章于 2025-06-12 10:47:39 发布

weixin_30577801

最新推荐文章于 2025-06-12 10:47:39 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/songmengyao/p/7111238.html

本文详细解析了JavaScript中的原型概念，包括普通函数与构造函数的原型特性，通过实例展示了如何使用原型来扩展对象的功能，并讨论了instanceof操作符和typeof操作的区别及应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考的别人家的博客http://www.cnblogs.com/ljchow/archive/2010/06/08/1753526.html

###JS原型
####JS原型，就是原型对象，简称原型。不仅构造函数有，普通函数也有
* `普通函数：`
```javascript
function puTong(){

};

alert(puTong.prototype instanceof Object);//true
alert(puTong.prototype instanceof Function);//false
```

* `构造函数：`
```javascript
function A(x){
this.x = x;
}

A.prototype.a = "a";

function B(x,y){
this.y = y;
A.call(this.x);
}

B.prototype.b1 = function(){
alert("b1");
}

B.prototype = new A();

B.prototype.b2 = function(){
alert("b2");
}

B.prototype.constructor = B;
var obj = new B(1,3);
```

*instanceof只能判断对象和函数，返回值是布尔值。其余的例如数字、字符串等都不能判断。例如：*

```javascript
var panDuan = new String("hello");
alert(panDuan instanceof String);//true
alert(typeof panDuan);//false
```

*typeof能判断一个元素的类型，也可以判断一个元素是否存在。例如：*

```javascript
alert(typeof 123); //number
alert(typeof "hello"); //string
alert(typeof function(){}); //function
alert(typeof true); //boolean
alert(typeof abc); //undefined
alert(typeof null); //object
```

转载于:https://www.cnblogs.com/songmengyao/p/7111238.html