js对象,原型,call,apply浅析
//对象直接量,创建对象最简单的方式是在js里使用对象直接量
var book = {
"main title": "js", //属性里有空格,要用引号
"s-t": "the microsoft", //有连字符也要用引号
"for": "all start", //keyword也要用引号
x: 2,
author: { fistname: "jiangfan" }
};
alert(book.x);
//new运算符创建并初始化一个新对象,关键字new后跟随一个函数调用。这里的函数成为构造函数(constructor),
//构造函数用以初始化一个新创建的对象。
var o = new Object(); //创建一个空对象,和{}一样
var a = new Array(); //创建一个空数组,和[]一样
var d = new Date(); //创建一个表示当前时间的Date对象
var r = new RegExp("js"); //创建一个可以进行模式匹配的EegExp对象
//原型介绍:每一个js对象(null除外)都和另一个对象关联。“另一个”对象就是原型,每一个对象都从原型继承属性
//所以通过对象直接量创建的对象都具有同一个原型对象,可以通过Object.prototype获得对原型对象的引用。
//通过new和构造函数调用创建的对象的原型就是构造函数的prototype属性的值。所以,同使用{}创建对象一样,通过new Object()
//创建的对象也继承Object.prototype。new Array()创建的对象的原型是Array.prototype,new Date()创建的对象原型是Date.prototype.
//本例完成:通过原型继承创建一个新对象
function inherit(p) {
if (p == null)
throw TypeError();
if (Object.create)
return Object.create(p);
var t = typeof p;
if (t !== "object" && t !== "function")
throw TypeError();
function f() { };
f.prototype = p;
return new f();
}
var obj = {
fa: "jf",
ofun: function (a1, a2) {
alert(a1 + a2);
},
applys: function (arg) {
alert(arg[0] + arg[1]);
}
}, tempobj;
tempobj = {};
obj.ofun.call(tempobj, "hello", "world");
obj.applys.call(tempobj, ["hello", "world"]);
//call()和apply()例子如下:
//想通过o的方法来调用函数f(),可以选择call(),apply()
f.call(o);
//f.apply(o);
//以上两个代码解释如下:
//假设对象o中预先不存在名为m的属性
o.m = f; //将f存储为o的临时方法
o.m();
delete o.m //将临时方法删除
js对象有三个属性,1:原型属性(prototype),2,类属性(调用toString()返回如下格式字符串:[object,class].
//对象的类属性(class attribute)是一个字符串,用以表示对象的类型信息。
//classof可以传递任意类型的参数
function classof(o)
{
if(o===null)
return "Null";
if(o===undefined)
return "Undefined";
return Object.prototype.toString.call(o).slice(8,-1)
}
js对象,原型,call,apply浅析的更多相关文章
- 关于JS对象原型prototype与继承,ES6的class和extends · kesheng's personal blog
传统方式:通过function关键字来定义一个对象类型 1234567891011 function People(name) { this.name = name}People.prototype. ...
- js对象原型prototype
javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用. 每一个构造函数都有一个属性叫做原型 1.1. 原型法设 ...
- JS对象原型的理解
基于原型的语言 JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象,对象以其原型为模板.从原型继承方法和属性.原型对象 ...
- js对象原型链
JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象.这个对象的所有属性和方法,都会被构造函数的所拥有. 这也就意味着,我们可以把所有对象实例需要共享的属性和方 ...
- js对象系列【一】深层理解对象与原型
我们先从盘古开天辟地时捋一捋对象: 从宏观内容来讲,javascript是一个属性的集合,包括值,函数,而整个集合也可以类比为一个对象. js = { a的变量名: a的值, ... 函数b: fun ...
- 关于js的对象原型继承(一)
javascript中,对象的继承是通过原型去继承. 可以这样理解:js中的对象,包含的除了属性和方法,还有一个最基本的原型__proto__对象.这个原型__proto__指向谁,这个对象就继承谁. ...
- jquery实现点击展开列表同时隐藏其他列表 js 对象操作 对象原型操作 把一个对象A赋值给另一个对象B 并且对象B 修改 不会影响 A对象
这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现点击 ...
- JS对象继承与原型链
1.以复制方式实现的继承 1.1浅拷贝 基本类型的复制 var parent = { lanage: "chinese" } var child = { name: "x ...
- JS对象与原型
一. JS的对象 1.1 创建对象的几种方式 1.1.1 通过字面量创建对象 在js中,一对{} 其实就是一个对象 var person = { name: "tom", age: ...
随机推荐
- Java *字格
class XingDemo { public static void main(String[] args) { int j = 0; int i = 0; int k = 0; for(i = 0 ...
- .net中怎么使用CKEditor
1:官网下载Full Package2:将此ckeditor文件包拷贝到项目根目录下3:CKEditor 3.6.6.2 for ASP.NET下载4:复制_Samples\bin\Release\C ...
- ExtJS grid tableGrid study
Q: How to color the text in the grid Try: http://dev.sencha.com/playpen/docs/output/Ext.grid.TableG ...
- 保持长宽比 对背景图像进行修改android:scaleType="fitXY"
关于android中ImageView的外观,即图片在其内显示出的样子,与布局文件中adjustViewBonds和scaleType属性的关系.我进行了一些探索.现跟大家共享,欢迎各位指教.分别将a ...
- 安装luinxWEB
Webmin的安装很简单,下面就详细说一下安装步骤. 1.用ssh客户端软件登陆服务器2.切换目录到root下,命令是:cd /root/3.下载Webmin的安装文件,命令是:wget http:/ ...
- MySQL Cluster 4个数据节点压力测试--mysqlslap工具压400W写
锅巴哥的个人建议:cluster叫电信运营商版本,所以基本上在很大的用户并发量的情况下才会用到,对连接数的线性增长要求高的场景,千兆就不用想了, 没万兆就不用玩了. 很不幸,我的就是千兆网络,我的数据 ...
- 主流手持设备GPU性能比较
设备 GPU CPU 每秒像素填充率 每秒三角形生成 内存 iPhone4 PowerVR SGX 535 ARM Cortex-A8 800M 512M iPod touch 4 Power ...
- Qt动画效果的实现,QPropertyAnimation
Qt动画架构中的主要类如下图所示: 动画框架由基类QAbstractAnimation和它的两个儿子QVariantAnimation和QAnimationGroup组成.QAbstractAnima ...
- 类的__slots__属性
为什么有"slots"属性? 默认情况下,python对象队象的每个实例(instance)都会有一个字典来存储该实例的属性,这样做的好处在于运行时期每个对象可以任意设置新的属性. ...
- 小白日记51:kali渗透测试之Web渗透-WebShell(中国菜刀、WeBaCoo、Weevely)
webshell 本质:<?php echo shell_exec($_GET['cmd']);?> windows平台 中国菜刀官网:胖客户端程序,国产中比较优秀的webshell,适用 ...