JS面向对象二:this/原型链/new原理
也可以看看这篇文章先了解一下`this的四种绑定规则和箭头函数的this绑定
这两篇文章写的很好
下面的this分别是什么?这几个函数都是回调函数,回调函数this比较特殊,通常是事件原对象
button1.onclick = function () {
console.log(this)
button2.addEventListener("click", function () {
console.log(this)
//3.jQuery中
$("ul").on("click", "li", function () {
console.log(this)
this是函数.call()的第一个参数.
那么在直接调用函数的时候(隐式绑定,没用call),如何知道call()的第一个参数?源码看不到,那就看文档.
看文档!:onclick:addEventListener:jQuery中:
所以上面三个的this分别是btutton1元素,button2元素,li元素
$("ul").on("click", "li"/*selector*/, function () {
console.log(this)//代表与selector相匹配的元素(li元素)
this是call()的第一个参数,只有写onclick,写addEventListener和写jQuery中on的人想call()哪个东西,就把这个this绑定到哪里去了,所以要确定this,就要看源码或者文档!
button1.onclick = function () {
console.log(this)
button1.onclick.call({name:"mataotao"})
可以直接触发onclick事件,传入{name:"mataotao"},那么this就是{name:"mataotao"}这个对象
以下来自苏云的博客()
6.回调函数的this 回调函数也只不过是函数的一种，实际上这种情况已经包含在了前面提到的情况中。但是由于回调函数的调用者往往不是我们自己，而是回调函数的接收者，即某个库或框架、甚至是JS运行时环境。这样一来，回调函数在中的this是什么就与对方的调用方式有关了，因此变得比较复杂，所以单独拿出来讨论一下。
情况1：没有明确作用对象的情况下，通常this为全局对象
例如setTimeout函数的回调函数，它的this就是全局对象。你如果希望自己指定this，可以通过bind函数等方法。
情况2：某个事件的监听器回调函数，通常this就是事件源对象
button.addEventListener('click', fn)
fn的中的this就是事件源button对象。
情况3：某些API会专门提供一个参数，用来指定回调函数中的this
例如，我们可以重新设计一个可以指定this的setTimeout：
function setTimeoutExt(cb, period, thisArg) {
setTimeout(function() {
cb.call(thisArg);
}, period); }
另外，在ExtJS中也大量使用了可以指定this的接口。
答案：调用B处的console.log().结果是optionswindow(console.log()中console是全局window对象里的一个方法)
第二题:答案:D Object
第三题:答案:Object
我终于明白了原型链:仔细看下面这篇文章,就能明白原型链的构造问题:
个人理解:原型链要分为两个部分,原型和链,原型就是一个实例对象,但是是最基础的实例对象.这个实例对象可以作为模板/类,让其他对象去复制他,复制之后不单单有这个原型的属性,也可以有自己的属性.新实现的实例对象.__proto__指向原来的模板实例对象.而造出来的对象也可以当做模板,再由新的机器去以他为模板造新对象.由此形成了一条__proto__组成的链.所有的对象都有__proto__属性,他们就像被链子连接在了一起,所以就称之为原型链
而复制的过程由一个机器来完成.这个机器(比如可以说是Object())的使用方法就是:按照模板实例对象new()一个新对象,新对象被原来的模板对象用__proto__链子拴着,新对象可以有自己的新添加的东西.这个按照模板造新对象的机器.prototype指向原来的模板实例对象.prototype就是原来的模板实例对象拴住复制自己机器的链子.
写成代码就是：
var obj = new Object({ flag: 10 });
就像前面所说，机器用来制造某一类对象。正因如此，机器可以作为这类对象的标志，即面向对象语言中类(class)的概念。所以机器又被称为构造函数。在ES6引入class关键字之前，我们常常把构造函数叫做类。说明2：用户自定义的函数通常既可以作为普通函数使用，又可以作为构造函数来制造对象。ES6新增的class语法定义的函数只能作为构造函数，ES6新增的=&语法定义的箭头函数只能作为普通函数。
__proto__与prototype的区别
__proto__是所有对象（包括函数对象）都有的一个属性（当然只是逻辑上有这么个概念），当我们说“原型链”的时候，就是指对象通过这个属性互相连接而形成的链状结构。原型链也就是继承链。prototype是只有函数（准确地说是构造函数）才有的一个属性，例如对于对于某个函数Fun。它的意义在于，当你用var obj = newFun() 得到一个对象obj时，这个obj的原型就是F.prototype。即(new Fun()).__proto__ ===Fun.prototype，见文中第4个图。No. 1其实就是Object.prototype，No.2其实就是Function.prototype。我只是为了强调这两个对象的重要性，故意这样说的。不太严格地说，前者就是一个空对象类似：{}，后者就是一个空函数，类似：fubction() {} 。
文中:**No. 1：Object.prototypeNo. 2：Function.prototype**
还有这几篇文章也不错:
看看这篇文章很清楚:
new解决了什么
以共有属性对象为模板new出来的新对象的__proto__指向共有属性对象(我把这个对象叫做模板对象,也叫作原型).这样共有属性在内存中只需要存一次!
比如:当我们造士兵的时候,士兵有共有属性,有自有属性,那么我们可以把共有属性放在一个地方,避免每一次创建士兵都把共有属性重新创建一次,浪费内存:
既然这样,那么我们可以把制造士兵的过程写成一个函数.
然后调用即可直接使用函数就可以制造一个有特殊的id,但是__proto__指向原型士兵的新士兵
那么可不可以直接把这个原型对象放到函数里,组成一个整体?不行,这样每次调用这个函数,都会在内存中创建这个临时对象,那么和原先的不用原型一样了
解决方法是,把这个原型变为函数的一个属性这种方法省内存且好用.
new()就是刚刚的所有过程灰色的代码就是new()做的封装,不需要你做的事情共有属性被new()统一叫做prototype
new其实就是语法糖!
注意:.prototype对象最开始就是一个拥有constructor属性的对象,如果想修改共有属性,两种方法:
当我们new的时候我们做了什么:
new()的核心就是:
new应用举例:
第一步写私有属性,第二步写共有属性.可以看到这个对象的1自有属性,2__proto__指向的原型对象含有共有属性.3constructor指向的构造函数
也可以看看这篇文章里面有new的实现.new与this下面是节选:
五、new 绑定 如果 使用 new 来创建对象，因为后面跟着的是构造函数，所以称它为构造器调用。对于this绑定来说，称为new绑定。
想知道 构造器调用 中 this 的绑定，就要知道 new 到底做了啥了。
先来个 new 的实现。看不懂不要紧，在后面原型链那篇，还会说的。
function New(proto){
//proto 为传进来的构造函数
var obj = {};
obj.__proto__ = proto.
proto.apply(obj, Array.prototype.slice.call(argument,1));
//你这要看懂这步就行。这里把构造函数里的 this
绑定到了 新的obj 对象上，最后 返回了该新对象，作为实例对象。
所以在使用 new 来创建实例对象时，new 内部把 构造函数的 this 绑定到 返回的新对象 上了。
function Person(name){
this.name = } var c = new Person("zdx"); c.
中也提到了new的使用,new的过程就是生产机器按照模板原型对象造出来的新对象的过程!
3 收藏&&|&&3
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。[转载]白欣怡清水洗发液骗局曝光《白欣怡清水洗发液太坑人了》购买当心！_向谁诉说曾经_新浪博客
[转载]白欣怡清水洗发液骗局曝光《白欣怡清水洗发液太坑人了》购买当心！
原文地址：作者：
步入老年，学会了白欣怡清水洗发液骗局曝光《白欣怡清水洗发液太坑人了》购买当心！善待生活，善待自己。不再带着面具应酬人际关系，不再看他人的脸色行事，一切均由自己的喜好安排：带孙字辈的，唱歌跳舞的，读书作画的，运动散步的，游山玩水的……
　　回归自然生活，终于明白，开心快乐是幸福的源泉，身体健康是最大的财富。
　　步入老年，悟出了走过漫漫岁月，回归内心简单是人生的真谛之一。
　　回归内心简单，说易不易，说难不难。说它不易，主要是，人的欲望和虚荣在社会这个大染缸里肆意妄行，不断扩张膨胀。有些人经历了一辈子打磨，也没能修成淡泊名利钱财的、宽容大度的圆形。
　　说它不难，主要是，人只要能够一生坚守人之初的善良本性，常怀感恩之心，善待万物，就能看开世事，宠辱不惊，守住底线，大事化小，小事化了。
　　同是一项不甚让人喜欢的工作，青春三角形的人会直白地说：我不想干，不干了。中年心形的人会无奈地说：干吧，反正干也得干，不干也得干。老年圆形的人会平和地说：既然干了，就好好干，在干中寻找乐趣，开心过好每一天才是最重要的。
　　人生如形。三角形、心形、圆形，循规渐进地演变，需要智慧书写年华，需要意志坚定自我，更需要好心白欣怡清水洗发液骗局曝光《白欣怡清水洗发液太坑人了》购买当心！态滋润健康。只有坚持不懈，用心经营，才能给自己的人生画上一个完美的圆。
鍚戣皝璇夎
博客等级：
博客积分：0
博客访问：503
关注人气：0
荣誉徽章：(ERROR:15) & 访客不能直接访问}