js new 创建的对象this 指向谁

2024-08-23

JS中this到底指向谁？

关于this的指向,是一个令人很头疼的问题.但是,你运气好,碰到了我.老夫这儿有本祖传秘籍,看懂这个,妈妈再也不用担心你的this指向不对啦! 归根结底,this指向就一句话:谁最终调用函数,this指向谁!!! 关于这点,老夫有三言相赠: ① this指向的,永远只可能是对象! ② this指向谁,永远不取决于this写在哪!而是取决于函数在哪调用. ③ this指向的对象,我们称之为函数的上下文context,也叫函数的调用者. 下面,请看具体情况. ① 通过函数名(

js如何创建JSON对象

js如何创建JSON对象一.总结一句话总结:直接创建js数组和js对象即可,然后JSON.stringify就可以获取json字符串,js中的一切都是对象,而且js中的对象都是json对象 js 一切对象 json对象我们可以在JavaScript 中使用 JSON,首先创建一个JavaScript 变量,然后将 JSON 格式的数据字符串直接赋值给它,现在我们来看看使用 JavaScript 创建 JSON 对象的各种方式: 创建一个空对象 var jsonObj = {}; 创建一个

给js动态创建的对象绑定事件

1.使用原生JS动态为动态创建的对象绑定事件 1-1.创建一个function,用来兼容IE8以下浏览器添加事件 function addEvent(el, type, fn) { if(el.addEventListener){ el.addEventListener(type,fn,false) }else if(el.attachEvent()){ el.attachEvent('on' + type,fn,false) }else{ return false }} 1-2.使用JS创建

JS高级---创建正则表达式对象

创建正则表达式对象两种: 1.通过构造函数创建对象 2.字面量的方式创建对象正则表达式的作用: 匹配字符串的 //对象创建完毕--- var reg = new RegExp(/\d{5}/); //调用方法验证字符串是否匹配 var flag = reg.test("我的电话是10086"); console.log(flag); //字面量的方式创建正则表达式对象 var reg = /\d{1,5}/; var flag = reg.test("小苏的幸运数

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

1.直接给对象扩充属性和方法: 2.对象字面量: 3.工厂方式: 4.构造函数方式: 5.原型方式: 6.混合方式. <script> // 1.直接给对象扩充属性和方法; var cat = {}; cat.name = '小白'; cat.color = 'blue'; cat.food = 'fish'; cat.skill = function () { alert('喵喵~~~'); } cat.skill(); //2.对象字面量 var cat2 = { name: '小白',

js动态创建类对象

1.定义函数,函数中定义类对象 f1=function(){ //定义类 function Pannel(name){ this.name = name; this.print = function(){ console.info(this.name); }; } //扩展类方法成员 Pannel.prototype.show = function(){ alert(this.name); } //返回类 return Pannel; } 2.执行函数,获得类 Pannel = f1(); 3.

JS中new的自定义实现创建实例对象

我们都知道在JS中通常通过对象字面量和new关键字来创建对象,那么今天我就来给大家讲讲new是怎么创建实例对象的:首先创建一个构造函数: function Person(name,age){ this.name=name; this.age=age; }; var p=new Person('ck',16) 通过new可以创建构造函数Person的实例对象.那么我们怎么去实现这一功能的呢?下面就为大家揭晓谜底: function New(fn){ return function(){ var o

深入学习JS执行--创建执行上下文（变量对象，作用域链，this）

一.介绍本篇继上一篇深入理解js执行--单线程的JS,这次我们来深入了解js执行过程中的执行上下文. 本篇涉及到的名词:预执行,执行上下文,变量对象,活动对象,作用域链,this等二.预执行在上一篇说到,在js代码被执行,执行上下文会被压进执行栈中,但是在此之前还有一步工作要做,就是创建好执行上下文,因为创建好才能被压进去啊. 创建执行上下文就是预执行过程: 接下来说说创建执行上下文的细节部分. 三.创建执行上下文 (1)执行上下文组成执行上下文:也叫一个执行环境,有全局执行环境和函数执

JS,Jquery,ExtJs不同脚本动态创建DOM对象

好久不来写东西了,这段时间太慢了,闲了下来看了几篇文章,觉得很好,同时也许咱们大家都能遇到,所以就把它记录下来... 简单使用JavaScript.JQuery.ExtJs进行DOM对象创建的测试,主要是使用JavaScript.JQuery.ExtJs动态创建Table对象.动态Table数据填充.多选控制. 1.简单前台数据处理界面有点丑了,没美化界面,主要是JavaScript动态创建Table.效果图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

JS、JQuery和ExtJs动态创建DOM对象

做了个简单使用JavaScript.JQuery.ExtJs进行DOM对象创建的测试,主要是使用JavaScript.JQuery.ExtJs动态创建Table对象.动态Table数据填充.多选控制.1.简单前台数据处理界面有点丑了,没美化界面,主要是JavaScript动态创建Table.效果图: 2.JavaScript动态创建DOM对象主要是使用JavaScript动态创建按钮.文本.链接.表格.加上CheckBox的表格(简单实现全选),这里Table的数据是页面数据,不是服务端数据

js创建xml对象

js创建xml对象 //创建对象 function getDataXML() { var objTds = $("TEXTAREA"); var count = objTds.length; var jsonData; var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); //创建根元素 var root = xmlDoc.createElement("DtC

【转】javascript中值传递，地址传递，引用传递的问题(使用js创建list对象时会用到)

function initEditModal_SI(node) { if (node.siArray == undefined) { node.siArray = new Object(); } var sis = new Array(); // for (var index in node.siArray) { // sis.push(node.siArray[index]); // } if (node.siArray != null) { $.each(node.siArray, func

用js创建XMLHttpRequest对象池[转]

//使用literal语法定义一个对象:XMLHttp var XMLHttp = { //定义第一个属性,该属性用于缓存XMLHttpRequest对象的数组 XMLHttpRequestPool: [], //对象的第一个方法,该方法用于返回一个XMLHttpRequest对象 getInstance:function() { // 从XMLHttpRequest对象池中取出一个空闲的XMLHttpRequest for (var i = 0; i < this.XMLHttpRequest

JS创建自定义对象

普通对象的创建: 创建对象: 1.people = new Object(); people.name = "lin"; people.age = "26“; 2.创建字典对象 people = {name:"lin",age:"30"}; 3.通过set方法创建对象 function people(name,age){ this._name = name; this._age = age; } son = people("l

js常用内置对象及方法

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

[Javascript] js的类和对象

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

深入理解JS函数中this指针的指向

函数在执行时,会在函数体内部自动生成一个this指针.谁直接调用产生这个this指针的函数,this就指向谁. 怎么理解指向呢,我认为指向就是等于.例如直接在js中输入下面的等式: console.log(this===window);//true 情况不同,this指向的对象也不同.例如: 1. 函数声明的情况 var bj=10; function add(){ var bj=20; console.log(this);//window console.log( console.log(b

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

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

bootstrap 通过js代码创建和关闭插件

插件的创建机制默认情况下,boostrap.js文件被页面加载执行完成后,boostrap会自动根据html元素的data-toggle属性和相关class创建插件对象.有时候,我们不希望boostrap插件的行为影响到整个页面,希望可以精准地在一个指定的html元素上创建插件.要想达到这个目的,需要两个步骤: 1. 关闭插件的默认行为. 2. 在指定的html元素重新创插件. 第一步只需要很简单的一行代码就可以达到目的: $(document).off(".data-api"

JS中函数的 this 各种指向

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化.但是总有一个原则,那就是this指的是调用函数的那个对象. 情形1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window. 情形2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象. 情形3:如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,

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

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

js new 创建的对象this 指向谁

热门专题