javascript函数的特殊对象this

最新推荐文章于 2022-08-11 20:09:18 发布
最新推荐文章于 2022-08-11 20:09:18 发布
阅读量269 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript高级程序设计 文章标签： javascript 函数 对象
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u010117950/article/details/78734828

this引用的是函数据以执行的环境对象
1.当在全局作用域中调用函数的时候，this对象引用的就是window
2.在局部作用域中调用函数，this对象引用的是当前对象

ex:
window.color = 'blue';
var obj= {
    color:red,
    }
function sayColor(){
    console.log(this.color);
}
sayColor();//打印出blue,因为此时的this在全局作用域下
o.sayColor();//打印出red,此时的this在o的对象下，this引用的对象是o
JS中函数调用的方法（this调用的方法）
希希的博客
03-01 9860
JavaScript 函数有 4 种调用方式。 每种方式的不同方式在于 this 的初始化。 1.作为一个函数调用 function myFunction(a, b) { return a* b; } myFunction(10, 2); // myFunction(10, 2) 返回 20 或 function myFunction() { r
网站前端_JavaScript-BOM编程.0003.JavaScript其它特殊对象
weixin_33774883的博客
09-19 146
Navigator:说明: navigator对象是识别客户端浏览器的标准,每个浏览器中的navigator对象有一套自己的属性属性名称属性说明appName完整的浏览器名称cookieEnabled表示cookie是否启用javaEnabled表示java是否启用language浏览器的主语言platform浏览器所在的系统平台userAgent浏览器的用户代理字符串plu...
javascript arguments 特殊 对象
前端岚枫
12-06 1062
在函数代码中，使用特殊对象arguments，开发者无需明确指出参数名，就能访问它们， arguments对象:在函数执行时函数内部就会有arguments对象，它包含了所有的参数，arguments的length属性报告了传入参数个数 例如： function fnTest() { for (var i=0;i< arguments.length;i++) { alert(a
JavaScript特殊对象的原型
fredricen的专栏
02-20 310
// 空对象的原型是 Object.prototype Object.getPrototypeOf({}) === Object.prototype // true // Object.prototype 的原型是 null Object.getPrototypeOf(Object.prototype) === null // true // 函数的原型是 Function.prototype...
JavaScript学习三 特殊对象
haojieji的博客
08-11 295
数组是一种特殊的对象，和普通对象功能相似都是用来存储值的，但是有一点不同：数组的属性名称为索引（index，从0开始），属性值称为值。
JavaScript 中的对象分类
qq_40917619的博客
07-09 869
我们可以把对象分成两类宿主对象和内置对象。 宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。 内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。 固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。 原生对象（Native Objects）：可以由用户通过 Array、RegExp 等内置构造器或者特殊语法创建的对象。 普通对象（Or
详解JavaScript函数对象
11-26
让我们详细了解一下JavaScript函数对象的各个方面。 首先，函数的定义非常简单。例如： ```javascript function One(leve, leve) { // code return leve + leve; } ``` 在这个例子中，`One` 是一个函数，它接受...
深入理解javascript构造函数和原型对象
10-25
在JavaScript中，每个对象都有一个原型对象（prototype），原型对象本身也是一个对象，并且有一个特殊的属性constructor，这个属性指向创建当前对象的构造函数。通过原型对象，可以实现对象之间的属性和方法共享，...
深入理解Javascript箭头函数中的this
10-20
JavaScript中的箭头函数是ES6引入的一个重要特性，它的出现主要解决了传统函数中`this`指针的问题。在JavaScript中，`this`的值取决于函数的调用方式，而不是定义时的位置，这经常导致开发者在处理`this`时遇到困扰...
javascript用函数实现对象的方法
10-24
在JavaScript中，函数可以被看作是一类特殊的对象，它们可以被赋予属性和方法，并且可以被赋予其他函数作为值。而对象是JavaScript中存储和传递数据的基本结构。 在JavaScript中，可以通过函数来创建对象，这种方式...
JavaScript箭头函数中的this详解
10-16
首先，`this`在JavaScript中是一个特殊的关键词，它通常指向函数调用时所在的对象。在非箭头函数中，`this`的值取决于函数的调用方式：全局上下文中`this`指向全局对象（浏览器环境下为`window`），作为对象方法调用...
重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？
Brave Soul Blog
02-23 597
文章目录重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？JavaScript 中的对象分类宿主对象内置对象·固有对象内置对象·原生对象用对象来模拟函数与构造器：函数对象与构造器对象特殊行为的对象总结 重学前端-总结：08、JavaScript对象：你知道全部的对象分类吗？ JavaScript 中的对象分类 我们可以把对象分成几类。 宿主对象（host Objects）...
谈谈对this对象的理解？
weixin_43912756的博客
07-19 3137
箭头函数不绑定this，箭头函数没有自己的this关键字 如果在箭头函数中使用this，this关键字将指向箭头函数定义位置的this function fn() { console.log(this); } const obj = {name: 'zhangsan'}; fn.call(obj); // fn内部的this指向obj对象 //{ name: 'zhangsan' } 例子： var obj = { age: 20, say: () => {
JavaScript中几个特殊的对象：window对象、this对象、global对象
java小兵
08-23 8213
JavaScript中几个特殊的对象： 1）window对象： 在全局作用域中声明的变量、函数都是window对象的属性和方法。 2）this对象： this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window；当函数被作为某个对象的方法调用时，this等于那个对象。 特别注意：匿名函数的执行环境具有全局性，因此匿名函数中的this对象通常指向wi
JavaScript复习之特殊的对象-数组
一个程序员的复习笔记
07-28 255
数组的创建 // 字面量方式创建数组 var arr1 = []; //空数组 // 创建一个包含3个数值的数组，多个数组项以逗号隔开 var arr2 = [1, 3, 4]; // 创建一个包含2个字符串的数组 var arr3 = ['a', 'c']; console.log(arr1); console.log(arr2); // 构造函数方式创建数组 var a1 = new ...
JavaScript中定义对象的几种方式
zhangq0123的博客
10-22 2283
JavaScript中没有类的概念，只有对象。 在JavaScript中定义对象可以采用以下5种方式（附加改进方式）： 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型（“prototype”）方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 var obj=new Object() //obj={} 也可以这
svn指定版本代码对比的方法
热门推荐
u010117950的博客
05-08 1万+
  svn showlog  ctrl选择两个版本，就可以进行对比了
jquery 设置cookie、删除cookie、获取cookie
u010117950的博客
12-07 1万+
1.引入jquery.js<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>2.引入jquery cookie插件<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>3.调用插件封装好的方法a)设置新的cook
时间戳格式化转换为日期格式，date.Format('yyyy/MM/dd hh:mm:ss')
u010117950的博客
12-07 9878
调用如下方法即可，给Date的原型增加自定义的格式化方法：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> Date.prototype.Format = functi
javascript 函数对象
最新发布
03-30
### JavaScript 函数对象的概念及用法 #### 1. 函数对象的基础概念 在 JavaScript 中，函数是一种特殊类型的对象，称为 **Function 对象**。这意味着函数不仅是一段可执行的代码，还具有属性和方法。所有的函数都是 `Function` 构造函数的实例[^2]。 #### 2. 创建函数对象的方式 JavaScript 提供多种方式来创建函数对象： - **函数声明** 这是最常见的定义函数的方法。 ```javascript function greet(name) { console.log(`Hello, ${name}!`); } ``` - **函数表达式** 将函数赋值给变量的一种形式。 ```javascript const add = function(a, b) { return a + b; }; ``` - **箭头函数 (ES6+)** 更简洁的语法用于定义匿名函数。 ```javascript const multiply = (a, b) => a * b; ``` - **构造函数** 使用 `new Function()` 可动态生成函数，但不推荐因安全性较低。 ```javascript const subtract = new Function('a', 'b', 'return a - b'); ``` #### 3. 函数作为一等公民 函数在 JavaScript 中被视作一等公民，意味着它可以像其他数据类型一样被传递、返回或存储到变量中。这种特性使得高阶函数成为可能，例如 `map` 方法[^1]。 ```javascript const numbers = [1, 2, 3]; const doubled = numbers.map(function(num) { return num * 2; }); console.log(doubled); // 输出: [2, 4, 6] ``` #### 4. 函数的属性与方法 每个函数都继承自 `Function.prototype`，因此拥有默认的属性和方法。 - **length 属性**: 表示函数期望接收的参数数量。 ```javascript function sum(a, b, c) {} console.log(sum.length); // 输出: 3 ``` - **prototype 属性**: 所有通过该函数创建的对象共享此原型链上的属性和方法。 ```javascript function Person(name) { this.name = name; } Person.prototype.greet = function() { console.log(`Hi, I'm ${this.name}`); }; const person = new Person('Alice'); person.greet(); // Hi, I'm Alice ``` #### 5. 特殊类型的函数 除了常规函数外，还有一些特殊的函数类型值得了解。 - **构造函数**: 结合 `new` 关键字用来创建新对象。 ```javascript function Car(make, model) { this.make = make; this.model = model; } const myCar = new Car('Toyota', 'Corolla'); console.log(myCar); ``` - **生成器函数**: 定义带有复杂迭代逻辑的函数。 ```javascript function* countDown(start) { while (start >= 0) { yield start--; } } const iterator = countDown(3); console.log(iterator.next().value); // 输出: 3 console.log(iterator.next().value); // 输出: 2 ``` ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值