关于JS原型对象的创建
2013-12-04 09:52
246 查看
使用js的prototype属性的时候,创建对象的方式是存在优先级的
1、如果方法中存在构造方法就先使用方法中的构造方法
2、如果方法中不存在构造方法则继续查找prototype原型的构造方法
备注:
1、一般我们在方法中添加“对象”的属性
2、在prototype属性后面添加方法
这样做的目的是为了提高代码的复用,可以“无限”给对象添加方法,便于拓展
注意:为了提高JS的效率,要注意再使用prototype链的时候应该尽量限定在一、二级,因为浏览器会自动去循环遍历,深度太深了之后会影响效率
1、如果方法中存在构造方法就先使用方法中的构造方法
2、如果方法中不存在构造方法则继续查找prototype原型的构造方法
<html> <head> <TITLE>class_obj_js_class</TITLE> <script language=javaScript> function a(name){ //alert(name);//弹出的值是undefined //alert(null==name);//true if(null == name){ this.name = name; } } function b(name){ //alert(name);//弹出的值是undefined //false,this.name没有重新赋值,还是new创建的值prototype.name="TOm" if(null != name){ this.name = name; } } //有参构造方法 function c(name){ //alert(name);//弹出的值是undefined //如果name为true则不管后面是什么就直接返回第一个值 //如果name为false则不管后面是什么直接返回后面的值 this.name = name || "Jack";//如果name为空则赋值为后面的Jack } //无参构造方法 function d(){ } a.prototype.name = "Tom"; b.prototype.name = "Tom"; c.prototype.name = "Tom"; d.prototype.name = "Tom"; //有参构造方法 alert(new a().name); //undefined alert(new b().name);//Tom alert(new c().name);//Jack alert(new d().name);//使用无参构造方法 </script> <body > </body> </html>
备注:
1、一般我们在方法中添加“对象”的属性
2、在prototype属性后面添加方法
这样做的目的是为了提高代码的复用,可以“无限”给对象添加方法,便于拓展
注意:为了提高JS的效率,要注意再使用prototype链的时候应该尽量限定在一、二级,因为浏览器会自动去循环遍历,深度太深了之后会影响效率
相关文章推荐
- js 创建对象的两种主要方法 构造函数 和 原型+构造函数组合
- 在立即执行函数内组合使用构造函数模式和原型模式创建对象,实现模块化开发(以daterangepicker.js为例)
- js的关于对象创建的讲解
- JS原型对象的创建方法详解
- 关于js中对对象原型和构造函数的一些理解
- js17---创建对象:构造函数式和原型组合模式、动态原型模式、稳妥构造函数式
- 对JS关于对象创建的几种方式的整理
- JS中使用动态原型模式、寄生构造函数模式、稳妥构造函数模式创建对象
- js关于字面量与构造函数创建对象的几点理解
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- js创建对象和原型继承
- 【JS】JavaScript中对象的创建与原型模式
- JS创建对象之动态原型模式
- JS高级. 02 面向对象、创建对象、构造函数、自定义构造函数、原型
- 关于JS接口创建对象的总结
- 在JS中组合使用构造函数模式和原型模式创建对象
- js创建对象的构造函数模式+原型模式和组合继承\Hybrid Pattern & combination inheritance
- JS创建对象之组合使用构造函数模式和原型模式
- JS中定义对象方式四: 使用原型(prototype)方式创建对象之二(弊端及其改进)
- 前端-JS基于原型面向对象(对象创建,继承,构造等)