`

JavaScript 学习笔记 四 this指针

 
阅读更多
// this 指针
//JavaScript 中,this 表示当前上下文,即调用者的引用。
//this 的值并非函数如何被声明而确定,而是被函数如何被调用而确定,这
//一点与传统的面向对象语言截然不同

var jack = {
    name : "name: jack",
    age : 26
}
var abruzzi = {
    name : "name: abruzzi",
    age : 27
}
function printPerson(){
    return this.name + " age: "+ this.age;
}
//设置printName的上下文为jack, 此时的this为jack
alert(printPerson.call(jack));
//设置printName的上下文为abruzzi,此时的this为abruzzi
alert(printPerson.call(abruzzi));

//应该注意的是,this 的值并非函数如何被声明而确定,而是被函数如何被调用而确定,这
//一点与传统的面向对象语言截然不同

分享到:
评论

相关推荐

    Ruffy javascript 学习笔记

    ### Ruffy JavaScript 学习笔记知识点详解 #### 1. JavaScript 的原型模型 JavaScript 的原型模型是实现面向对象编程的基础之一。在这个模型中,构造函数用于定义对象的成员,而方法则是通过构造函数的 `prototype...

    JavaScript 学习笔记(九)call和apply方法

    call和apply方法 call方法可改变上下文this指针,类似的方法还有apply,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。 obj1.method1.call(obj2,argument1,...

    javascript学习笔记(二) 鼠标经过时,改变div块的背景色的代码

    在JavaScript学习过程中,掌握事件处理是至关重要的。本篇笔记主要介绍了如何利用JavaScript来实现当鼠标经过`div`块时改变其背景色的效果。我们将会分析HTML、JavaScript和CSS三部分的代码,以便理解整个过程。 ...

    安卓逆向学习笔记之Frida 辅助分析ollvm控制流程平坦化

    ### 安卓逆向学习笔记之Frida 辅助分析ollvm控制流程平坦化 #### 引言 在深入探讨“安卓逆向学习笔记之Frida辅助分析ollvm控制流程平坦化”这一主题之前,我们需要先了解几个关键概念:Frida、ollvm以及控制流程...

    《javascript设计模式》学习笔记二:Javascript面向对象程序设计继承用法分析

    但是,为了保持`Author`的构造函数指针,还需要将`Author.prototype.constructor`设置回`Author`。 3. 原型赋值(遍历)继承(寄生式继承) 原型赋值继承是一种更加灵活的继承方式,可以精确控制哪些属性和方法被...

    JavaScript 中级笔记 第一章

    ### JavaScript中级知识点详解 #### 一、回顾:DOM与事件 ...随着对 JavaScript 的深入学习,你将会接触到更复杂的 DOM 操作方法和更丰富的事件类型,以及如何使用这些技术来创建交互式的 Web 应用程序。

    java8学习笔记.docx

    4. **工具层面**:提供了 Nashorn JavaScript 引擎、类依赖分析器 jdeps 等。 #### 二、Java 语言的新特性 ##### 1. Lambda 表达式和函数式接口 - **Lambda 表达式**:一种简洁的函数定义方式,允许将函数作为...

    jQuery鼠标指针光标移动特效.zip

    《jQuery鼠标指针光标移动特效》 在网页设计中,动态效果的运用可以...在《jQuery鼠标指针光标移动特效.zip》这个压缩包中,包含了一个名为"jiaoben6601"的文件,可能是示例代码或项目的源文件,供开发者参考和学习。

    史上最全的前端资源汇总

    - **JavaScript中的this陷阱的最全收集**:解决JavaScript中this指针问题的详细指南。 - **JS函数式编程指南**:JavaScript函数式编程的深入探讨。 - **JavaScript Promise迷你书(中文版)**:关于Promise的详细...

    java,html,jquery,js各种报错解决方案

    "js笔记"可能记录了JavaScript中的常见问题,如变量提升、this指向、异步操作等,并提供了解决这些问题的方法。 5. **Bootstrap**:这是一个流行的前端框架,用于快速构建响应式布局。使用Bootstrap时,可能出现CSS...

    CSS3鼠标悬停轻盈跳动文字特效.zip

    在创建鼠标悬停特效时,我们通常会用到`:hover`伪类,它会在鼠标指针悬停在元素上时应用特定的样式。例如: ```css .myText:hover { /* 在这里定义鼠标悬停时的文字样式 */ } ``` 要实现“跳动”效果,我们可以...

    jquery鼠标悬停图片放大、鼠标状态自定义切换.zip

    标题 "jquery鼠标悬停图片放大、鼠标状态自定义切换.zip" 涉及到的核心技术是HTML5和jQuery,主要用于实现网页中图片的交互效果,特别是...如果你对这个项目感兴趣,可以通过下载并研究这些文件来学习和扩展这些功能。

    CSS3鼠标悬停图片高亮显示特效.rar

    【CSS3鼠标悬停图片高亮显示特效】是一种在网页设计中常见的交互效果,通过CSS3的特性,当用户将鼠标指针悬停在图片上时,图片会产生高亮、放大或其他视觉变化,以增强用户体验并吸引用户的注意力。这个特效在网站的...

    HTML文本悬停显示特效.rar

    HTML文本悬停显示特效是一种常见的网页交互设计,它利用CSS和JavaScript(通常通过jQuery库)来实现当鼠标指针悬停在特定文本上时,显示额外信息的效果。这个压缩包"HTML文本悬停显示特效.rar"包含了一个可以运行并...

    小程序demo:大转盘

    - 小程序基于微信提供的开发框架,采用WXML(WeiXin Markup Language)和WXSS(WeiXin Style Sheets)作为页面结构和样式的描述语言,JS(JavaScript)用于处理业务逻辑和数据管理。 - 页面结构由JSON配置文件定义...

    css3悬停图片内边框特效.zip

    【CSS3悬停图片内边框特效】是一种利用CSS3技术实现的交互效果,当鼠标指针悬停在图片上时,图片的内边框会发生动态变化,为网页增添视觉吸引力。这种特效常用于网站设计,提升用户体验,尤其是在导航菜单、产品展示...

    鼠标悬停色块填充CSS3特效.zip

    这个特效在网页设计中常常用于提升用户体验,当用户将鼠标指针悬停在特定元素上时,元素会动态改变颜色或填充,以视觉方式响应用户的交互。 【描述】中的"非常实用好看的特效代码,可以完美运行,可以二次修改!...

    CSS3鼠标悬停下划线显示特效.zip

    `:hover`是CSS中的一种选择器,当用户将鼠标指针悬停在元素上时,该选择器会应用相应的样式。例如,我们有一个链接元素`<a>`,可以使用以下CSS代码来实现鼠标悬停时的下划线动画: ```css a { text-decoration: ...

Global site tag (gtag.js) - Google Analytics