JS对象实例化的时候,event做了什么?

JS对象实例化的时候,event做了什么?

之前使用对象都是这样:

//构造函数
function Testfoo{ this.foo = foo; alertthis.foo;
}
//实例化
var ale = new Test"Holle!";//传入foo实参

然后发现构造函数可以不使用形参,而用event对象直接调用

//构造函数,不使用形参
function Test2e{ this.foo = e.foo; alertthis.foo;
}
//实例化
var ale2 = new Test2{foo: "Hello Again!"};

event对象代表事件状态,但是实例化对象时event具体做了什么?有点转不过来
还可以再简化一下。。我只要知道event做了什么

//构造函数,不使用形参
function Test3e{ alerte.foo;
}
//实例化
var ale3 = new Test3{foo: "Hello Again2!"};

看到这是两天前的邀请,不过既然没有满意答案,我来解释下你遇到了什么样的问题

首先,你定义了一个带有一个参数的构造函数

function Testfoo { // ......
}

这个构造函数定义为需要一个参数,内部会对这个参数进行处理。同时,你希望这个参数是一个字符串(姑且这么猜想),这样通过 this.foo = foo 可以给字段 foo 赋予一个字符串值。然而,问题出现了

JavaScript 的变量是不指定类型的,参数也是一样。你希望的类型并不一定是用户(指调用者)构造的时候传入的类型。你这里希望用户传入字符串,但实际用户传入了一个对象,甚至也有可能是一个数组,或者函数,总之,你根本不能确定用户输入什么,就像这些:


// 传入对象
new Test{ name: "hello" }; // 传入数组
new Test[1, 2, 3, 4, 5]; // 传入函数
new Testfunction { console.log"hello world";
}; // 啥都不传入
new Test;

既然不能确定用户会传入啥,那现在有两个方案

  1. 文档中清楚的说明需要传入字符串参数,实际处理的时候把参数当成是字符串值处理

  2. 检查用户传入的参数是什么,分别进行处理

第一种方案容错极差,所以不讨论它。我们来说说第二种方案。

对于可以想像的一些情况,进行处理,比如

function Testfoo { switch typeof foo { case "string": // 如果传入的 foo 是个字符串,符合预期 this.foo = foo; break; case "function": // 如果传入的 foo 是个函数,取其运算结构 this.foo = foo; break; case "object": // 如果是个对象(注意,有可能是 null) // 取其 foo 值,没有则用默认值代替 this.foo = foo || {}.foo || ""; break; default: // 其它情况用默认值代替 this.foo = ""; break; // 这个 break 可以不要,我按 C# 习惯写的 }
}

这个容错性就比较好了,但是仍然会有一些漏洞,比如 typeof foo === "function" 的时候,取其结果,但其结果的类型仍然是不确定的。如何处理这个问题你可以参照着自己想办法了,一般不需要搞得太复杂,结合文档加部分容错就可以处理绝大多数的情况

你到底在问什么?参数传进去就传进去了,这和event有一毛钱关系?
而且,你都引用e.foo了,这叫没使用形参?

这里的e是参数不是event对象吧?新手表示就看传进去了一个json格式的参数而已。

我觉得你这个e就是一个表示对象的参数,不是event对象

你转不过来是因为完全不知道event是个什么东西!
你实例化传参是一个object,不管构造函数的形参是什么都可以调用,例如

function testdata{ alertdata.foo;
}

你的形参是e,这个e和事件对象没有一毛钱的关系!

说说事件对象,是发生某个事件,比如click事件才会产生事件对象

document.getElementByIdid.onclickfunctione{ var event = e||window.event; //当这个点击动作发生时,这才焦作event对象
};

// 这个地方你认为 e 等价于 事件里面的 event 是吧??
// 然而这是错误的!
// 要想这里的 e 等价于 event
// 你需要将其和 事件绑定在一起,且不能传入任何参数才行(Test2.bindobj这种是允许的
// 不过不能:Test2.bindobj , args这样,因为带了参数 args
// 不懂的话,可以百度谷歌 js bind 方法)...
// 你自己的源码:
function Test2e{ this.foo = e.foo; alertthis.foo;
}
//实例化
var ale2 = new Test2{foo: "Hello Again!"};
----------------------------分割线-------------------------------
// 让 function Test2e{...} 里面的 e 等价于 event 需要这样做
window.onload = Test2;
function Test2e { console.log我是事件对象: , e;
} 

这里面哪有event。。。。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注