JavaScript中的this对象指向理解

在JavaScript中,this不是固定不变的,它的指向取决于上下文环境,一般的,认为this指向使用它时所在的对象.主要有以下几类指向: 在方法中,this 表示该方法所属的对象. 如果单独使用,this 表示全局对象. 在函数中,this 表示全局对象. 在函数中,在严格模式下,this 是未定义的(undefined). 在事件中,this 表示接收事件的元素. 类似 call() 和 apply() 方法可以将 this 引用到任何对象. 一.方法中的this var isObject…

javascript中几种this指向问题

javascript中几种this指向问题首先必须要说的是,this 永远指向函数运行时所在的对象,而不是函数被创建时所在的对象. (1).作为函数名调用函数作为全局对象调用,this指向全局对象 function a(){ var author = "lry"; console.log(this.author); //undefined console.log(this); //Window } a(); //其实这是相当于 window.a() (2).作为方法调用 …

详解javascript中的this对象

详解javascript中的this对象前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性.但是this也是Javascript中一个非常容易理解错,进而用错的特性.特别是对于接触静态语言比较久了的同志来说更是如此. 示例说明我们先来看一个最简单的示例: <script type="text/j…

JavaScript中的global对象，window对象以及document对象的区别和联系

JavaScript中的global对象,window对象以及document对象的区别和联系一.概念区分:JavaScript中的global对象,window对象以及document对象 1.global对象(全局对象) <JS高级程序设计>中谈到,global对象可以说是ECMAScript中对特别的一个对象了,因为不管你从什么角度上看,这个对象都是不存在的.从某种意义上讲,它是一个终极的“兜底儿对象”,换句话说呢,就是不属于任何其他对象的属性和方法,最终都是它的属性和方法.我理解为,…

【JavaScript】JavaScript中的ActiveXObject对象

JavaScript中ActiveXObject对象是启用并返回 Automation 对象的引用. 使用方法: newObj = new ActiveXObject( servername.typename[, location]) ActiveXObject 对象语法有这些部分:其中newObj是必选项.要赋值为 ActiveXObject 的变量名. servername是必选项.提供该对象的应用程序的名称. typename是必选项.要创建的对象的类型或类. location是可选…

JavaScript中的事件对象

JavaScript中的事件对象 JavaScript中的事件对象是非常重要的,恐怕是我们在项目中使用的最多的了.在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息.下面将会讲到DOM中的事件对象.IE中的事件对象以及跨浏览器的事件对象三个部分. 对于事件处理程序,大家可以看我的博文<JavaScript中的五种事件处理程序>. 第一部分:DOM事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中,无论是HMTL特性.DOM0级还是…

JavaScript中创建字典对象（dictionary）实例

这篇文章主要介绍了JavaScript中创建字典对象(dictionary)实例,本文直接给出了实现的源码,并给出了使用示例,需要的朋友可以参考下对于JavaScript来说,其自身的Array对象仅仅是个数组,无法提供通过关键字来获取保存的数据,jQuery源码中提供了一种非常好的方式来解决这个问题,先看一下源码: 复制代码代码如下: function createCache() { var keys = []; function cache(key, value) { // Use (k…

Javascript学习1 - Javascript中的类型对象

原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个方法:toLocalString() number.toFixed(digits) 把numberl转换为小数,digits代表小数几位. 常用的与Number对应的全局函数:isNaN(vars) 判断vars是不是数字, 如…

简单使用JSON,JavaScript中创建 JSON 对象(一)

JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. 简单使用JSON 新建立json.html <html> <body> <h2> 在 JavaScript 中创建 JSON 对象 </h2> <p> Name: <span id="jname"></span…

JavaScript中的window对象

JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html…

js：JavaScript中的ActiveXObject对象

JavaScript中的ActiveXObject对象作用: https://blog.csdn.net/pl1612127/article/details/77862174…

JavaScript中call、apply个人理解

JavaScript中call.apply个人理解一句话即通俗的说:call.apply 是为了改变this的状态而存在的 }; } function personInfo(name,age){ this.name = name; this.age = age; } personInfo.prototype = { showInfo:function(){ console.log('我是'+this.name+','+'今年'+this.age+'岁.'); } } ); p.showInfo…

javascript中如何获取对象名

javascript中如何获取对象名一.总结一句话总结:将对象传入参数,看参数是否为函数(js中的对象和函数是一个意思么(函数肯定是对象)),对象参数.name属性即可获得 //版本4 function getName(fun){ return typeof fun==='function'? undefined: fun.name||/function (.+)\(/.exec(fun + '')[1]; } //调用 function Person(){} var ps = new Pe…

【学习笔记】：JavaScript中的BOM对象

JavaScript中的BOM对象 BOM(Browser Object Model):浏览器对象模型. BOM可用于对浏览器窗口进行访问,但BOM没有相关的标准,所以根据浏览器的不同,其中定义的对象属性和方法可能会有所不同. BOM对象也就是我们所说的宿主对象,总共分为五类:Window.Navigator.Screen.History.Location. 一.Window对象 Window 对象表示浏览器中打开的窗口. 1.特点 Window对象是全局对象,所有的表达式都可以再当前的环境中计…

使用JavaScript 中的Math对象和勾股定理公式，计算鼠标的位置与页面图片中心点的距离，根据距离对页面上的图片进行放大或缩小处理。距离远时图片放大，距离近时图片缩小

查看本章节查看作业目录需求说明: 使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理.距离远时图片放大,距离近时图片缩小随着鼠标的移动,实时计算鼠标与图片中心点的距离,在输入框中显示图片的缩放系数放大倍数不超过3 倍,缩小不小于50% 实现思路: 在页面上编写输入框用于显示缩放系数,并使用<img>标签显示一幅图片获取图片中心点的坐标获取鼠标移动时的坐标使用勾股定理计算出鼠标与图片中心点之间的距…

使用 JavaScript 中的 document 对象查找 HTML 元素，实现“登录”按钮的高亮特效鼠标悬浮于“登录”按钮时，按钮高亮显示；

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 document 对象查找 HTML 元素,实现"登录"按钮的高亮特效鼠标悬浮于"登录"按钮时,按钮高亮显示: 鼠标离开时,按钮恢复原状. "登录"按钮初始效果如图所示鼠标悬浮时,按钮高亮显示."登录"按钮高亮显示效果如图所示实现思路: 在 window 的 onload 事件中获取一组指定 name="btnLogin" 的&q…

使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色实现思路: 在页面的 <body> 节点下加入 <h2> 节点,在 <h2> 节点下加入文本节点,显示为:更改字体颜色和背景颜色在页面的 <body> 节点下加入 <select> 节点,设置 <select> 节点的 id 属性在 <select> 节点下加入多…

使用 JavaScript 中的 window 对象执行计时操作，完成一个抽奖程序

查看本章节查看作业目录需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指针的点击事件使用 window 对象的 setInterval() 方法反复执行间歇性旋转操作,当获取旋转的度数后,调用 window 对象的 clearInterval() 方法取消间歇性旋转操作调用 window 对象的 setTimeout() 方法,在 4 秒后提示用户中奖结果实现代码…

简单理解javascript中的原型对象,实现对之间共享属性和行为

javascript中提供了构造函数.可以方便的创建对象. 典型的构造函数例如以下: function Person(name, age) { this.name = name; this.age = age; this.say = function () { return this.name + ',' + this.age;; } 之后就能够用new和构造函数创建多个对象.javascript中.类的不同对象之间,属性和方法都是独立的.什么意思呢?java中类的不同对象之间,成员变量是独立的…

理解JavaScript中的window对象

前言每个JavaScript环境都有一个全局对象(global object).在全局范围内创建的任何变量实际上都是这个对象的属性,而任何函数都是它的方法.在浏览器环境中,全局对象是window对象,它代表了包含网页的浏览器窗口. 在这篇文章中,我们将介绍Window对象的一些重要用途: 浏览器对象模型(Browser Object Model) 获取浏览器信息获取并使用浏览器history对象创建并控制浏览器窗口获取屏幕尺寸以及显示细节浏览器对象模型浏览器对象模型(简称BOM)是一…

谈谈对Javascript构造函数和原型对象的理解

对象,是javascript中非常重要的一个梗,是否能透彻的理解它直接关系到你对整个javascript体系的基础理解,说白了,javascript就是一群对象在搅..(哔!). 常用的几种对象创建模式使用new关键字创建最基础的对象创建方式,无非就是和其他多数语言一样说的一样:没对象,你new一个呀! var gf = new Object(); gf.name = "tangwei"; gf.bar = "c++"; gf.sayWhat = functi…

JavaScript中创建自定义对象的方法

本文内容参考JavaScript高级程序设计(第3版)第6章:面向对象的程序设计 ECMA-262中把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.”我所理解的就是对象就是一个结构体,结构体中有一些它的基本属性以及对结构体处理的方法,把它们封装起来称为一个整体.JS中所有的对象都是基于一个引用类型创建,这个引用类型可以是原生类型,如Array,Date等,也可以是开发人员自定义的类型. 下面主要总结下JS中创建对象的几种模式,分析他们各自的优缺点. 1. 工厂模式 /****…

javascript中闭包与作用域的理解

很多js的框架与插件编写都用到了闭包,所以,阅读和掌握闭包很有必要.最近学习vue框架时,经常会猜想很多功能的native js实现,很多都应用到了闭包,闭包除了目前已知的一些特性,如:可以保持局部变量以减少对全局作用域的污染外,一些情况下必须用闭包才能实现. 先贴一个根据自己的理解绘制的闭包原理: 关于闭包的几个重要的知识点需要理解: 1. javascript中,每次运行函数,都会创建一个新的对象,用来保存函数的内部变量,称之为——局部变量保存对象 2. 每次运行外部函数,内部闭包函数都会被…

Javascript中的事件对象和事件类型

接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享事件对象事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件对象对于不同浏览器环境,这个event事件对象有一些差距 DOM中的事件对象不管是DOM0级还是DOM2级兼容DOM的浏览器会将一个event对象传入事件处理程序中常用的event对象的一些属…

javascript中怎么判断对象{}为空

有时候通过AJAX方法调用返回的是一个JSON对象,而这个对象可能在开发过程中会没有数据是一个空{}. JavaScript判断object/json 是否为空,可以使用jQuery的isEmptyObject()方法. function isEmptyObject(e) { var t; for (t in e) return !1; return !0 } console.log($.isEmptyObject({"re": 2})); //false console.log(is…

通过一道笔试题浅谈javascript中的promise对象

因为前几天做了一个promise对象捕获错误的面试题目,所以这几天又重温了一下promise对象.现在借这道题来分享下一些很基础的知识点. 下面是一个面试题目,三个promise对象捕获错误的例子,返回结果有什么不同. //使用throw添加错误事件 var p = new Promise(function(resolve, reject) { resolve("ok"); throw new Error('error0'); //setTimeout(function() { thr…

详解Javascript中的Array对象

基础介绍创建数组和Object对象一样,创建Array也有2种方式:构造函数.字面量法. 构造函数创建使用构造函数的方式可以通过new关键字来声明,如下所示: 12 var arr = new Array();console.log(arr);//[] 当然也可以不通过new关键字来声明: 12 var arr = Array();console.log(arr); //[] 如果知道数组元素的个数,也可以直接传入数字表示元素个数: 12 var arr2 = new Array(5);c…

转:JavaScript中函数与对象的关系

来自:http://www.nowamagic.net/javascript/js_RelationOfFunctionAndObject.php 在ajax兴起以前,很多人写JavaScript可以说都是毫无章法可言的,基本上是想到什么就写什么,就是一个接一个的函数function,遇到重复的还得copy,如果一不小心函数重名了,还真不知道从何开始查找错误,因为大家总是用面向过程的编程思想来写JavaScript代码,而且也由于网络上充斥了太多小“巧”的JavaScript代码段,很多都是随意…

javascript 中的new操作符的理解

new 操作符在有上面的基础概念的介绍之后,在加上new操作符,我们就能完成传统面向对象的class + new的方式创建对象,在Javascript中,我们将这类方式成为Pseudoclassical. 基于上面的例子,我们执行如下代码 var obj = new Base(); 这样代码的结果是什么,我们在Javascript引擎中看到的对象模型是: new操作符具体干了什么呢?其实很简单,就干了三件事情. var obj = {}; obj.__proto__ = Base.proto…

详解JavaScript中的Object对象

Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的.虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,因此,本文将从最基本的介绍开始,详细说明了Object的常用方法和应用. 基础介绍创建对象首先我们都知道,对象就是一组相似数据和功能的集合,我们就是用它来模拟我们现实世界中的对象的.那在Javascript中,创建对象的方…

【JavaScript中的this对象指向理解】的更多相关文章