js this指向父对象

2024-11-02

前端js中this指向及改变this指向的方法

js中this指向是一个难点,花了很长时间来整理和学习相关的知识点. 一. this this是JS中的关键字, 它始终指向了一个对象, this是一个指针; 参考博文: JavaScript函数中的this四种绑定形式 this指向及改变this指向的方法二. this显示绑定和隐式绑定 1. this显示绑定含义: 当一个函数没有明确的调用对象的时候, 也就是单纯作为独立函数调用的时候, 将对函数的this使用默认绑定: 绑定到全局的window对象在显式绑定下: 函数将取得在"

JS 对象API之判断父对象是否在子对象的原型链上

语法:父对象.prototype.isPrototypeOf(子对象) 代码栗子: function Student(){ this.name = "小马扎"; ; } var sky = new Student(); var img = new Image(); console.log(Student.prototype.isPrototypeOf(sky)); // true console.log(Student.prototype.isPrototypeOf(img)); //

(vue.js)vue中引用了别的组件，如何使this指向Vue对象

Vue中引用了别的组件 ,如何使this指向Vue对象今天学习Vue组件传值, 通过创建Vue实例, 广播和监听实现传值, 但是传值之后无法直接将得到的值应用到Vue对象, 因为这相当于引用改了别的组件, this指向发生改变,所以通过以下办法解决. var _this = {} export default { data(){ return { msg: '11' } }, beforeCreate(){ _this = this; }, mounted(){ VueEvent.$on('t

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的元素:3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上

[Javascript] js的类和对象

类 graph LR 类-->构造函数类-->prototype对象类-->instanceof运算符类-->constructor属性类-->isPrototypeOf方法类-->hasOwnProperty方法类-->__proto__属性类-->toString方法类-->对象对象一切引用类型都是对象 console.log(typeof x); // undefined console.log(typeof 10); //

js中闭包和对象相关知识点

学习js时候,读到几篇不错的博客.http://www.cnblogs.com/yexiaochai/p/3802681.html一,作用域和C.C++.Java 等常见语言不同,JavaScript 的作用域不是以花括号包围的块级作用域(block scope),这个特性经常被大多数人忽视,因而导致莫名其妙的错误.例如下面代码,在大多数类C 的语言中会出现变量未定义的错误,而在JavaScript 中却完全合法: if(true) { var somevar = 'value'; } con

Angular JS - 4 - Angular JS 作用域与控制器对象

1. 控制器对象使用 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body ng-app=""> <div ng-controller="myController"> <input t

彻底搞懂js this指向问题

在这里必须要提一句的是,this指向是学习js必须要掌握的(必须),再开始之前先看底部的总结,然后回上面看例子便一目了然. 例子1: function a(){ var user = "TangSir"; console.log(this.user); //undefined console.log(this); //Window } a();看总结第2条,这里函数本身没有被父级对象调用,那么这里就指向window function a(){ var user = "Tang

jquery获取元素的值，获取当前对象的父对象等等

jsp代码: <span><input type="hidden" value="1" id="newInfo"></input></span> <div class="sx_title"><a href="#" style="cursor: hand" onclick="more(this);" cl

javascript --- 子对象访问父对象的方式

在传统面向对象的编程语言里,都会提供一种子类访问父类的特殊语法,引文我们在实现子类方法往往需要父类方法的额外辅助.在这种情况下,子类通常会调用父类中的同名方法,最终以便完成工作. javascript虽然没有类似上述的特殊语法,但我们可以造一个啊! function her(){}; her.prototype.name = 'Anna'; her.prototype.toString = function(){ var const = this.constructor; return cons

测试JS基本类型以及对象的引用

自己敲的. 1 <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js" type="text/javascript"></script> <script type="text/javascript" language="javascript" charset="utf-8&quo

js引用类型数组去重-对象标记法

前言 Js数组去重已经有很多种实现方式:包括逐个检索对比(使用Array.property.indexOf),先排序后对比,使用hash表,利用ES6中的Set()等.这些数组去重办法中速度最快的是hash表,最安全也最慢的是逐个检索对比(先排序后对比是优化成先分组再逐个检索),而ES6的Set对象目前浏览器兼容不全. 有没有结合那些以上方式的优点,像hash表一样快,和Array.property.indexOf一样全,又没有兼容问题的解决方案呢? 有! Js中的基本类型 Undefined,

js常用内置对象及方法

在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( ) 数组开头增加功能:给数组开头增加一个或多个参数:一个或多个返回值:数组的长度原数组发生改变 shift( ) 数组开头删除一项功能:给数组开头删除一个参数:无返回值:被删除的内容原数组发生改变 push( ) 数组末尾增加功能:给数组末尾增加一项或多项参数:一

浅谈JS中的原型对象和原型链

我们知道原型是一个对象,其他对象可以用它实现属性继承,除了prototype,又有__proto__ 1. prototype和__proto__的区别 prototype是函数才有的属性 __proto__是每个对象都有的属性但是__proto__不是一个规范的属性,只是部分浏览器实现了此属性,对应标准的属性是[[Prototype]] 2. __proto__属性指向谁? __proto__的指向取决于对象创建时的实

白话js this指向问题

前言通过本文,你大概能了解this基础指向的问题,抛开例子去说this太虚幻,这里还是结合几篇博文做个整理,算是个人的记录了. 先说概念,this指向与申明无关,永远指向距离自己最近的最终调用者.我们从几种调用情况去理解,下面看看例子理解下: 1.函数的直接调用 function a(){ '; console.log(this.age);//undefined console.log(this);//window } a(); 如上,我们申明一个函数,然后直接调用,a()前面没任何调用它

JS实现一个基于对象的链表

JS实现一个基于对象的链表 /*JS实现一个基于对象的链表*/ function Node(element){ this.element = element;//节点存储的元素 this.next = null;//节点指向的下一个节点,这里先设置为空 } function LList(){ this.head = new Node("head");//生成一个头节点 this.find = find;//在链表中找到某个节点 this.insert = insert;//在链表中某个

JS的从理解对象到创建对象

JavaScript不是一门真正的面向对象语言,因为它连最基本的类的概念都没有,因此它的对象和基于类的语言中的对象也会有所不同.ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.” 严格来讲,这就相当于说对象是一组没有特定顺序的值.对象的每个属性或方法都有一个名字,而每个名字都映射到一个值.我们可以把ECMAScript的对象想象成散列表:无非就是一组名值对,其中的值可以是数据或函数.每个对象都是基于一个引用类型创建的,这个引用类型可以是原生类型,也可以是开发人

实用JS系列——BOM常用对象

背景: 最近在着手项目的时候,意识到自己JS的欠缺.虽然看了不少JavaScript的视频,但真正项目中并不是经常遇到大且难的例子.所以JavaScript的基础还需要再打扎实,也就有了这一系列博客.这一系列更重视实用,理论部分可参看之前博客. BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分.它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为BOM. 由图中可看出,window对象是BOM中所有对象的父对象. 1.window对

js操作文档对象的节点

好吧,为了能让大家不至于睡着,我们先回顾先前面的东东吧~ 1.首先我们写了javaScriput的是一门弱类型的解释性的脚本语言:弱类型:我们的变量不用申明其具体的数据类型,在使用的时候浏览器根据其存放的值来自动识别解释性:js是不用编译的,是在浏览器中边运行边解析的脚本语言:js是在客户端的浏览器中运行的 2.变量:我们的开房案例,说明了变量是一个存储变量值的内存地址名称 3.数据类型:基本数据类型: 数值型.字符串性.布尔型.null.undefined 复杂类型: 数组.对象.

js对数组、对象的深拷贝、复制

基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的基本类型:Number Boolean undefined String Null 引用类型:Object Function js中对象Object和数组Array都是引用类型当用变量声明一个引用类型时,实际上这个变量不是引用类型本身,而是一个指向这个引用类型的指针.这个指针指向堆内存中该对象的存储地址.复制给另一个对象的过程其实是把该对象的地址复制给了另一个对象变量,两个指针都指向同一个对象,因此其中一个改变,另一个也会改

浅谈js的类数组对象arguments

类数组对象:arguments总所周知,js是一门相当灵活的语言.当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那么这到底是什么东西? 在js中万物皆对象,甚至数组字符串函数都是对象.所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象,它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还有length属性,存储的是当前传入函

js this指向父对象

热门专题