一.前言 了解JavaScript面向对象,需要先了解三个名词: 构造函数,实例对象和原型对象. 注意:JavaScript中没有类(class)的概念,取而代之的是构造函数,两者类似却又有很大的差别. 先上代码,最常用的: function Person(name, age) { this.name = name; this.age = age; this.eat= function() { alert('吃西红柿') } } var person1 = new Person('小米', 28…
构造函数,实例对象和原型对象,三者关系 构造函数里面有原型(prototype)属性,即原型对象 原型对象里的constryctor构造器指向构造函数 通过构造函数,实例化,创建的就是实例对象. 实例对象通过__proto__属性调用原型对象里面的方法 构造函数可以实例化对象 构造函数中有一个属性叫prototype, 是构造函数的原型对象 构造函数的原型对象(prototype)中有一个constructor构造器, 这个构造器指向的就是自己所在的原型对象所在的构造函数 实例对象的原型对象(_…
javascript作为一个面向对象的语言,理解 对象.原型.闭包.模块模式等技术点对于成为一名合格的javascript程序员相当重要,多年没写过blog,今天就先拋个玉,在下基本也不做前端,但颇感兴趣,愿意和大家一起学习.此篇只是对自己认为的比较重要的知识点进行了说明,连贯性不是特别好,大家共同进步. 注意:文中中文并非英文翻译,只是个人理解. 理解面向对象 对象(object) An object is a collection of properties and has a single…
什么叫jQuery的核心对象? $ $===jQuery 什么叫jQuery的原型对象? $.fn $.fn===$.prototype 什么叫静态方法? 在构造函树上定义的方法,静态方法通过构造函数去调用.例如:Math.random() 什么叫动态方法? 动态方法也叫实例方法,在原型对象上添加的方法叫动态方法,通过实例对象去调用.例如:arr.slice() jQuery的静态方法和动态方法? 给jQuery扩展插件的时候,有两种方式,一种是$.extend()的方式,一种是$.fn的方式,…
Javascript中的数据值有两大类:基本类型的数据值和引用类型的数据值. 基本类型的数据值有5种:null.undefined.number.boolean和string. 引用类型的数据值往大的说就1种,即Object类型.往细的说有:Object类型.Array类型.Date类型.Regexp类型.Function类型等. 当原型对象的属性值为基本类型的数据值时,通过实例对象修改属性值从而引起原型对象的属性值发生变化的情况不会发生.当原型对象的属性值为引用类型的数据值时,通过实例对象修改…
1. 类 ES6 中新增加了类的概念,可以使用 class 关键字声明一个类,之后用这个类来实例化对象.即类的用途:实例化对象. // 创建一个Person类 class Person { } // 创建一个Person类的实例对象 const p1 = new Person() console.log(p1) 打印结果如下: 注意,输出的p1是一个实例对象,而不是类!这里的输出结果有 Person,是为了说明这个实例对象是由谁new出来的,蓝框表示输出的确实是一个实例对象. 思考:为什么前面要…
1. 使用 Object.getPrototypeOf(); function Person(name){ this.name = name; } var lilei = new Person("Lilei"); Object.getPrototypeOf(lilei); // {constructor: ƒ} lilei.constructor.prototype; // {constructor: f} 2. 使用 obj.constructor.prototype; functi…
“我们创建的每一个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法.” 引用类型才具有prototype属性,包含: 1.Object 2.Function 3.Array 4.Date 5.String 6.RegExp 比如: var fn=new String("text"); String.prototype.value="val"; console.log(fn.v…
通过构造函数生成的实例化对象,无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法):造成了一定的资源浪费 function Obj(name,age){ this.name=name; this.age=age; this.func=function(){ return 'this is a test function'; }; } var o1=new Obj('小明',10); var o2=new Obj('小白',12); console.log(o1.func===o2.…
面向对象编程:   面向:以什么为主,基于什么模式 对象:由键值对组成,可以用来描述事物,存储数据的一种数据格式 编程:使用代码解决需求   面向过程编程:         按照我们分析好的步骤,按步骤解决问题         优点:性能比面向对象高,适合跟硬件联系很紧密的东西         缺点:没有面向对象那么容易维护,复用,扩展   面向对象编程:         把事务分解成一个个对象,然后由对象之间分工与合作,分工明确,每一个对象都是功能中心         面向对象特性:封装性.继…