JavaScript中的继承链
继承链 类别 备注 constructor prototype __poroto__ (构造)函数 函数即对象 指向Function 指向一个constructor为自身的空对象 对象 指向创建该对象的构造函数 源于创建该对象的构造函数的显式原型 Function 是所有构造器的源头 指向自身 对象的constructor指向自身 Object Object.prototype是所有原型的源头 指向Function 是一个constructor指向自身的空对象 参考于: 面向对象的继承 基于对象的原型实现 1object.__proto__ = obj 指向一个对象 基于构造函数的原型实现 1Object.prototype 指向一个空对象 继承常见的几种方式 原型链继承: 原型与对象继承; 只继承于原型 问题: 实际上并不是真正的继承, 其实是多个构造函数之间共享一个对象(属性和方法) 创建子类的对象时, 不能向父级的构造函数传递任何参数。 原型式继承 借助构造函数: apply() ...
23严格模式
概述 严格模式是什么 严格模式是Javascript中的一种限制性更强的変种方式。严格模式不是一个子集:它在语义上与正常代码有着明显的差异。 不支持严格模式的刘览器与支持严格模式的浏览器行为上也不一样,所以不要在未经严格模式特性测试情况下使用严格模式。 严格模式可以与非严格模式共存,所以脚本可以逐渐的选择性加入严格模式。 严格模式的目的 首先,严格模式会将Javascript陷阱直接变成明显的错误。 其次,严格模式修正了一些引擎难以优化的错误:同样的代码有些时候严格模式会比非严格模式下更快 第三,严格模式禁用了一些有可能在未来版本中定义的语法。 开启严格模式 全局开启严格模式 只需要在全局写以下字符串即可。作用于全局作用域 123"use strict";a = 100;console.log(a); 函数开启严格模式 在函数内写以下字符串即可。只作用于函数作用域。例如: 12345function fn() { "use strict"; v = 200; console.log(v);} 变量 禁止意 ...
22this关键字
概述 this是什么 this文键字是Javascript中最复杂的机制之ー。它是一个很特别的关键字,被自动定义在所有函数的作用域中。但是即使是非常有经验的 Javascript开发者也很难说清它到底指向什么。 实际上, Javascript中this的机制井没有那么先进,但是开发者往往会把理解过程复杂化。亳不夸张地说,不理解它的含义,大部分开发任务都无法完成。 this都有一个共同点,它总是返回一个对象。简单说,this就是属性或方法“当前”所在的对象。 为什么使用this this提供了一种更优雅的方式来隐式“传递”一个对象引用,因此可以将API设计得更加简洁井且易于复用。 随着使用模式越来越复杂,显式传递上下文对象会让代码变得越来越混乱,使用this则不会这样。 调用位置 想要了解this的绑定过程,首先要理解调用位置:调用位置就是函数在代码中被调用的位置(而不是声明的位置) 通常来说,寻找调用位置就是寻找“函数被调用的位置”。最重要的是要分析调用栈(就是为了到达当前执行位置所调用的所有函数 函数调用 12345678910var v = 100;// this 经常 ...
21错误与异常
错误与异常是什么 错误,指程序中的非正常运行状态,在其它编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。 通过使用Javascript提供的异常处理语句,可以用结构化的方式来捕捉发生的错误,让异常处理代码与核心业务代码实现分离。 错误与异常处理在应用中的重要性是毋庸置疑的。任何有影响力的Web应用都需要一套完善的错误处理机制。 try…catch语句 try表示标记一块待尝试的语句,如果语句出现错误,则通过catch语句进行捕捉。 1234567891011// 用于捕获指定语句块中的错误或异常try { console.log(v); //调用未定义的变量 -> 报错} catch (error) { // 用于处理try语句中的错误 // error 表示try语句中出现错误的信息 console.log("改变量未定义");} finally { // catch语句无法处理try语句中的错误或异常时,执行finally语句中的内 ...
20继承
原型链 原型链是什么 如果构造函数或对象A,A的原型指向构造函数或对象B,B的原型再指向构造函数或对象C,以此类推,最终的构造函数或对象的原型指向Objecte的原型。由此形成一条链状结构,被称之为原型链。 按照上述的描述,在B中定义的属性或方法,可以直接在A中使用井不需要定义。这就是继承,它允许每个对象来访问其原型链上的任何属性或方法。 原型链是ECMAScript标准中指定的默认实现继承的方式。 123456789101112131415161718192021222324252627// 此方法实现继承并不好,不建议使用function A() { this.a = "a";}// 通过构造函数创建对象var a = new A();function B() { this.b = "b";}// 将B的原型指向对象aB.prototype = a;var b = new B();console.log(b.a); //aconsole.log(b.b); //bconsole.log(b.c) ...
19原型
原型 原型是什么 在 Javascript中,函数是一个包含属性和方法的Function类型的对象。而原型( Prototype)就是Function类型对象的一个属性。 在函数定义时就包含了 prototype属性,它的初始值是一个空对象。在 Javascript中井没有定义函数的原型类型,所以原型可以是任何类型。 原型是用于保存对象的共享属性和方法的,原型的属性和方法并不会影响函数本身的属性和方法。 原型的默认值是空对象,所有引用类型都是构造函数,所有函数都具有prototype属性。 123456789101112131415// Function 类型的属性 -> 所有函数都具有的属性console.log(Function.prototype);function fn() { console.log("this is function");}// 原型的默认值是空对象console.log(fn.prototype);// 函数包含构造函数 -> 所有引用类型都是构造函数console.log(Number.proto ...
18Function类型
Function类型 Function类型与函数 函数是这样的一段 Javascript代码,它只定义一次,但可能被执行或调用多次。 Function类型是 JavaScript提供的引用类型之一,通过 Function类型创建 Function对象。 在Javascript中,函数也是以对象的形式存在的。每个函数都是一个 Function对象。 函数名,本质就是一个変量名,是指向某个Function对象的引用。 每一个函数都是一个Function类型的函数、 12345678910111213function fn() { console.log("this is fn function");}var f = function () { console.log("this is f function");};// 函数是一个对象console.log(fn instanceof Object); //trueconsole.log(f instanceof Object); //true// 函数 ...
17Object对象
Object对象 创建对象的三种形式 创建空对象 12var obj1 = new Object(null);var obj2 = new Object(undefined); 创建一个与给定值对应类型的对象 12var obj3 = new Object(100);console.log(obj3); //[Number: 100] 当以非构造函数形式被调用时,Object 等同于 new Object()。 12var obj4 = Object(); //函数调用var obj5 = new Object(); //构造函数调用 属性描述符 Javascript提供了一个内部数据结构,用于描述对象的值,控制其行为,例如该属性是否可写、是否可配置、是否可修改以及是否可枚举等。这个内部数据结构被称为“属性描述符”。 对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。 数据描述符 键 值 默认值 value 该属性对应的值,可以是任何有效的Javascript值(数值,对象,函数等)。 undefiend writable 当且仅 ...
16JavaScript的面向对象
JavaScript中的面向对象 面向对象是什么 面向对象编程的全称为 Object Oriented Prograrnming,简称为OOP。面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式。 面向对象编程可以看作是使用一系列对象相互协作的软件设计。面向对象程序设计的目的是在编程中促进更好的灵活性和可维护性。凭借其对模块化的重视,面向对象的代码开发更简单,更容易理解。 所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,提高复用率。 面向对象编程的三个主要特征是:封装;2)继承;3)多态。 任何事物都可以看作对象,相似的可以看作一类。类是群体,对象是个体。 JavaScript是一种基于原型的面向对象语言,而不是基于类的。 封装 只关心入口和出口,而不关心过程 继承 继承通常是指类与类之间的关系。如果两个类都有相同的属性或方法,那么可以让一个类继承于另类,这样就不需要在前者再次定义同样的属性或方法。 多态 不同的对象可以定义具有相同名称的方法,方法是作用于所在的对象中。这种不同对象 ...
15BOM编程艺术
BOM编程艺术 什么是BOM BOM的全称为 Browser Object Model,被译为浏览器对象模型 BOM提供了独立于HTML页面内容,而与浏览器相关的一系列对象。主要被用于管理浏览器窗口及与测览器窗口之间通信等功能。 BOM由一系列对象构成,这些对象可以简单理解为是由各个览器所提供的,例如 Window对象等。 Window对象 window对象是BOM中最核心的对象 全局作用域 在浏览器环境中运行javascript逻辑时,在全局作用域中定义的对象、变量和函数都是Window对象的属性和方法。 123456789101112131415var test = 666console.log('test:', test)console.log('windows.test:', window.test)function t() { console.log('this is function')}t()window.t()delete window.testconsole.log(& ...