js 原型规则与示例
2024-04-19 22:58:29
五大规则
1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性即自由拓展属性 （除了 ”null“）意外
2. 所有的引用类型（数组 对象 函数 ） 都有一个 proto 属性属性值是一个普通的对象
3. 所有的函数 都有一个prototype 属性 ，属性值也是一个普通的对象
4. 所有的引用类型（数组 对象 函数），proto 属性值指向它的构造函数 ”prototype“ 属性值
5. 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性那么会去它的__proto__(即它的构造函数的prototype寻找)
示例
<script>
// 构造函数
function Foo(name , age){
this.name = name;
this.age = age;
this.class = "class-1";
return this; // 默认有这一行
}
var f = new Foo( "bobo" ,22); // 实例化对象
var a = {} 其实 是 var a = new Object();
var a = [] 其实 是 var a = new Array();
function Foo(){} 其实 是 var Foo = new Function();
使用instanceof 判断函数是否是一个变量的构造函数
如何判断一个变量是不是数组 ： 用instanceof Array
// 二、原型规则和示例
// 原型规则是学习原型链的基础
1. 所有的引用类型( 数组 对象 函数 ) 都是 具有对象特性 即自由拓展属性 （除了 ”null“）意外
拓展性
var obj = {} ; a.age = 100;
var arr = [] ; b.a = 100;
function fn (){}
fn.a = 100;
2. 所有的引用类型（数组 对象 函数 ） 都有一个 proto 属性，属性值是一个普通的对象
// __proto__ 隐式类型
console.log(obj.__proto__);
console.log(arr.__proto__);
console.log(fn.__proto__);
3. 所有的函数 都有一个prototype 属性 ，属性值也是一个普通的对象
// prototype 显示类型
console.log( fn.prototype );
4. 所有的引用类型（数组 对象 函数），proto 属性值指向 它的构造函数 ”prototype“ 属性值
console.log( obj.__proto__ === Object.prototype)
5. 当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性 那么会去它的__proto__(即它的构造函数的prototype寻找)
// 构造函数
function Foo(name , age ){
this.name = name ;
}
Foo.prototype.alertName = function(){
alert( this.name );
}
// 创建示例
var f = new Foo("zhangsan");
f.printName = function(){
console.log(this.name);
}
// 测试
f.printName();
f.alertName();
6. this
7. 循环对象自身的属性
var item ;
for( item in f ){
高级浏览器已经在 for in 中屏蔽了来自原型(prototype)的属性
但是这里建议大家还是加上这个判断
保证程序的健壮性
if( f.hasOwnProperty(item)){
console.log(item)
}
}
</script>
最新文章
- jQuery 添加元素
- Register-SPWorkflowService 远程服务器返回错误: (404) 未找到
- Html 小插件2
- hdoj 2544 最短路(最短路+Dijkstrea算法)
- github如何添加ssh
- Java:接口继承接口 （多继承机制）
- set 数据类型
- python: 基本知识记录
- 路由网关---zuul
- AsyncHttpSupport并发发送请求
- FastDFS的单点部署
- List集合1
- VM浏览器不能访问
- Linux学习笔记11—VSFTP的搭建
- gj13 asyncio并发编程
- Counter Strike HDU 2443 逆序对数
- LG4717 【模板】快速沃尔什变换
- imx6q android 添加开机启动脚本
- C#操作Redis List 列表
- SSRS Report Knowledge Base