javascript面向对象(学习和理解)】的更多相关文章

JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次被添加给对象时JavaScript在对上上调用了一个名为 [[Put]]的内部方法,该方法会在对象上创建一个新节点保存属性,就像 哈希表上第一次添加一个键一样这个操作不仅指定了初始值 也定义了属性的一些特征 1.1 [[Put]]内部方法 [[Put]]在对象上创建一个自有属性 1.2 [[Set]…
JavaScript 常被描述为一种基于原型的语言 (prototype-based language)--每个对象拥有一个原型对象,对象以其原型为模板.从原型继承方法和属性.原型对象也可能拥有原型,并从中继承方法和属性,一层一层.以此类推.这种关系常被称为原型链 (prototype chain),它解释了为何一个对象会拥有定义在其他对象中的属性和方法.准确地说,这些属性和方法定义在Object的构造器函数(constructor functions)之上的prototype属性上,而非对象实…
最近在学习设计模式,找了很多资料也没有看懂,看到怀疑智商,怀疑人生,思来想去还是把锅甩到基础不够扎实上.虽然原型继承.闭包.构造函数也都有学习过,但理解得不够透彻,影响到后续提高.这次重新开始学习,一边记录总结,希望有所收获,如果能对一起学习的小伙伴有帮助就更好了. 第一篇先从构造函数谈起.构造函数顾名思义,是用来构造的,构造什么呢?构造对象.在 javascript 中,对象是拥有属性和方法的数据.举个简单的例子,如果把一个人看作一个对象,那么年龄.性别等就是它的属性,吃饭.睡觉等是它的方法.…
javascript中,每个对象都是基于一个引用类型创建的,我们可以把ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数. 深刻理解对象 创建自定义对象的最简单方式就是创建一个Object 的实例,然后再为它添加属性和方法,如下所示 var person = new Object(); person.name = "Nicholas"; person.age = 29; person.job = "Software Engineer"…
源地址:http://www.html-js.com/article/1717 虽然JavaScript中已经自带了很多内建引用类型,你还是会很频繁的需要创建自己的对象.JavaScript编程的很大一部分都是在操纵对象.深入理解JavaScript对象是怎么运行的是全面理解JavaScript的一个关键.记住JavaScript中的对象是动态的,这意味着他们可以在任何代码执行的地方被修改.不像基于类的语言在定义类时就锁定了对象,JavaScript中的对象没有这些限制. 定义属性 回忆一下第一…
面向对向的初体验 创建一个标签 // 传统 var p = document.createElement('p'); var txt = document.createTextNode('我是传统js创建的文字'); p.appendChild(txt); document.body.appendChild(p); // 面向对象 (jquery方式) $('<p>我是jquery创建的标签</p>').appendTo('body'); 面向对象的组织结构 <!DOCTYP…
this 是 js 里绕不开的话题,也是非常容易混淆的概念,今天试着把它理一理. this 在非严格模式下,总是指向一个对象,在严格模式下可以是任意值,本文仅考虑非严格模式.记住它总是指向一个对象对于理解它的意义很重要.this 在实际使用中,大致分为以下几种情况: 1. 函数作为对象的方法调用时,this 指向调用该函数的对象 var obj = { name: 'jack', getName: function() { console.log(this === obj) // true co…
什么是原型? 首先我们创建一个简单的空对象,再把它打印出来 var example = {} console.log(example) 结果如下: { __proto__: { constructor: ƒ Object(), hasOwnProperty: ƒ hasOwnProperty(), isPrototypeOf: ƒ isPrototypeOf(), propertyIsEnumerable: ƒ propertyIsEnumerable(), toLocaleString: ƒ…
工厂模式 该模值抽象了创建具体对象de过程.用函数来封装噫特定接口创建对象的细节. function createPerson(name,age,job){ var o=new Object(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name); }; return o; } var person1=createPerson("Chiaki",21,"Software Engi…
1.this指向问题,指向的是当前的方法属于谁,当前的方法属于谁就指向谁!! 例子: oDiv.onclick = function () { this指向的是oDiv,因为这个方法属于oDiv } var obj = new Object();  //构造对象 obj.show=function(){     this====>>这时候的函数属于obj,所以this指向的是obj这个对象 } Tab.prototype.show=function(){      alert(this)这时候…