js函数中的this

2024-09-03

js函数中this的指向

本文是我个人对this指向的一些理解,如有不足之处,还望大家可以批评指正,在此先谢过了! 首先,我们来回顾一下ES5里函数的几种调用方式: 1⃣️直接调用 foo(); 2⃣️方法调用 obj.foo(); 以上两种调用方法,this的指向可以这样去确定: 函数的调用者就是this的指向! 例如 obj.foo(); 里.foo()前面obj就是调用者,所以this的指向就是obj,而直接调用的foo()等价于window.foo();这样的话,上面两种调用方法的this指向就显而易见了,1⃣️

在JS函数中执行C#中的函数、字段

1.调用字段 cs文件的代码: ; protected void Page_Load(object sender, EventArgs e) { id = ; } js页面的代码: function CheckFunc() { alert("<%= id%>"); } 2.调用函数: 在JS函数中访问或执行C#.NET中的函数: 在JS函数中访问C#函数方法一: 首先建立一个按钮,在后台将调用或处理的内容写入button_click中;接下来在前台写一个js函数,内容为do

js函数中获得当前被点击元素

问题描述:在html页面中点击<a>或者’按钮‘,进入js中的函数,在js函数中获得被点击那个<a>或‘按钮’元素解决方法:方法一: html中: <a>标签:<a id="21" href="javascript:void(0);" onClick="fun(event)">点击我</a> 按钮:<input type="button" value=&quo

js函数中this的不同含义

1.js函数调用过程中,js线程会进入新的执行环境并创建该环境的变量对象,并添加两个变量:this和arguments,因此可以在函数中使用这两个变量.需要注意的是,this变量不能重新赋值,而arguments可以,如下: function test() { var name = 'test2'; arguments = window; this = window; // 在这一行js运行会报错 } 2.this取值于函数据以执行的函数对象 2.1 当函数在全局作用域执行时,this引用的是全

js函数中参数的传递

数据类型在 javascript 中数据类型可以分为两类: 基本类型值 primitive type,比如Undefined,Null,Boolean,Number,String. 引用类型值,也就是对象类型 Object type,比如Object,Array,Function,Date等. 变量的复制众所周知,js中变量的基本类型和引用类型保存方式是不同的,这也就导致变量复制时也就不同了.如果从一个变量向另一个变量复制基本类型的值时,会将前者的值克隆一个,然后将克隆的值赋值到后者,因此这

js函数中的BOM和DOM

BOM 浏览器对象模型 screen对象 console.log(screen.width);// 屏幕宽度 console.log(screen.height);// 屏幕高度 console.log(screen.availWidth); //可用宽度 console.log(screen.availHeight); //可用高度=屏幕高度-底部任务栏 location对象完整的URL路径: 协议://主机名(IP地址):端口号/文件路径?传递参数(name1=value1&name2=v

深入理解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

将从model中获得的数据传到js函数中

刚遇到了一种情况,从controller中获得的model是一个集合,需要将这个集合循环放到标签中,并且需要为这些标签添加点击事件,每个值传入对应的点击事件函数中,由于model中的值是通过${item.user_id} 获取的,通过循环得到的标签的id都是相同的,不能直接通过id获得数据.以下是我想到的方法,不知道还有没有更简单的方法,欢迎回复. 1.由于循环得到的id都是相同的,所以在循环标签中不添加id,在js中动态添加js. <th:block th:each="item,item

js函数中的this关键字

关于这个this关键字,也是很多项目中常常被用到的,那么,有人也许会问,干嘛要用this呢,在函数被调用时,直接指明是什么对象在调用不就行了?还整那么个模模糊糊的概念出来干嘛?不过嘛,存在即真理,既然有这么个东西,那也就有他存在的意义,下面来看看吧. 首先,我们要先回忆一下js函数都有哪几种调用的场合,有如下几种场合: 1.很常规的调用(即直接调用,其实你发现也是全局调用): 2.作为某个对象的豆哥方法被调用: 3.作为构造函数,用来新建某个新对象(object): 4.很让人头大的apply调

js 函数中的this

资料 function 函数没有"this"的持久概念, 调用函数时,创建this function hello(thing) { console.log(this + " says hello " + thing); } person = { name: "Brendan Eich" } person.hello = hello; // 在person中调用 hello, this被创建到了person person.hello("

js函数中写默认值的几种方式（常见的）

js 函数中形参与实参的关系

函数中形参与实参的关系对于形参和实参的定义,在权威指南中有着明确的定义.但是,我们更在意的是它们之间的关系,到底形参会不会影响到实参? 形参到底会不会影响到实参? 对于这个问题的答案,请先看以下两个例子: //例子一 function add(x){ x+=1; }; var a = 1; add(a); console.log(a); //1 看来不会影响到实参 //例子二 function Push(arr){ arr.push(1); } var b = []; Push(b); co

js 函数中的 return+匿名函数

今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下: 代码如下: function makefunc(x) { return function (){ return x; } } alert(makefunc(0)); 结果是:function (){return x;}不是0 不是脚本写错了,只是没搞懂return,从当前函数退出,并从那个函数返回一个值.如果返回的是一个函数,那么返回的也是函数本身. 可以这样修改上面的代码,就是alert(makefunc(0)(

封装html代码块到js函数中

有时候想把公共的html封装起来,怎么处理呢? 好多页面都用到,不可能每个页面都写,这样就会有冗余,并且不好统一处理. 那就用js来重构html吧. 代码案例如下: <footer class="aui-bar aui-bar-tab" id="footer"> <div class="aui-bar-tab-item" tapmode onclick="openWinPro('menu_mall')">

js函数中的apply()、call()、bind()方法

ECMAScript中的函数是对象,因此函数也有属性和方法.每个函数都包含两个属性:length和prototype,且每个函数包含两个非继承而来的方法apply()和call().这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内thiis对象的值. apply() apply()方法接受两个参数:一个是在其中运行函数的作用域,另一个是参数数组.其中,第二个参数可以是Array的实例,也可以是arguments对象. 定义:应用某一对象的一个方法,用另一个对象替换当前对象.即

关于js函数中的异步编程

大家都说js 是单线程的应用,但是随着技术的发展,js的发展已经不仅仅局限于单线程了.因为现在很多都是异步了,所谓的异步,就是类似于ajax,写了一个回调函数,当我的服务还在这个地方的时候,等着他去排队,去执行回调函数里面的内容,在他排队的时候,又重新去可以去请求别的,这样子相互不影响,我觉得这个挺好的,因为我感觉多线程似乎比单线程更能提高效率,如果我说的不对,希望大家可以留言指正,而且,最近还学到一招,就是在比方说顺序执行两个函数,那么可以将一个函数写在另一个函数的回调,真个挺好的,觉得自己写

js函数中变量声明提前

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /** * 在js中变量声明提前 * * @type {string} */ var name="zhangsan"; fun

js函数中的几个特点

定义函数有两种方式:函数声明函数表达式 1.函数声明是这样的: function box(arg0,arg1,arg2){ //函数体} 关于函数声明有一个重要的特征:函数声明提升,也就是说执行代码之前会将先读取函数声明,也就说可以先调用,再声明. sayHi(arg0,arg1,arg2); function sayHi(arg0,arg1,arg2){ //函数体 } 2.函数表达式是这样的: var box = function(arg0,arg1,arg2){ //函数体 } 对于函数

js函数中变量的作用域

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=

JS 函数中返回另一个函数

function createComparisonFunction(propertyName) { return function (object1, object2) { var value1 = object1[propertyName]; var value2 = object2[propertyName]; if (value1 < value2) { return -1; } else if (value1 > value2) { return 1; } else { return

js函数中的this

热门专题