this方法
- 1、在对象方法中, this 指向调用它所在方法的对象。
- 2、单独使用 this,它指向全局(Global)对象。
- 3、函数使用中,this 指向函数的所属者。
- 4、严格模式下函数是没有绑定到 this 上,这时候 this 是 undefined。
- 5、在 HTML 事件句柄中,this 指向了接收事件的 HTML 元素。
- 6、apply 和 call 允许切换函数执行的上下文环境(context),即 this 绑定的对象,可以将 this 引用到任何对象。
在JavaScript中,this
是一个特殊的关键字,用于指向当前执行的函数或方法的对象。它的值取决于函数或方法的调用方式。
在全局范围内使用this
时,它指向全局对象(在浏览器中是window
对象,在Node.js环境中是global
对象)。
在函数中使用this
时,它的值取决于函数的调用方式。下面是几种常见的函数调用方式和this
的值:
- 函数作为普通函数调用:当函数作为普通函数调用时,
this
指向全局对象。例如:
function example() {
console.log(this); // 指向全局对象,即window(浏览器环境)
}
example(); // 输出window对象
- 函数作为对象的方法调用:当函数作为对象的方法调用时,
this
指向调用该方法的对象。例如:
var obj = {
example: function() {
console.log(this); // 指向调用该方法的对象,即obj
}
};
obj.example(); // 输出obj对象
- 使用
call
或apply
方法调用函数:可以使用call
或apply
方法显式地指定函数内部的this
的值。例如:
function example() {
console.log(this);
}
var obj = {
name: 'John'
};
example.call(obj); // 输出obj对象
- 使用构造函数创建对象:当使用关键字
new
创建对象时,this
指向新创建的对象。例如:
function Example() {
console.log(this); // 指向新创建的对象
}
var obj = new Example(); // 输出新创建的对象
需要注意的是,在箭头函数中,this
的值是在定义时确定的,而不是在调用时确定的。箭头函数没有自己的this
绑定,所以它会捕获外部作用域的this
的值。例如:
function example() {
var arrowFunction = () => {
console.log(this); // 指向外部作用域的this
};
arrowFunction();
}
var obj = {
example: example
};
obj.example(); // 输出obj对象
var,let,const
在JavaScript中,var,let和const是用于声明变量的关键字。
- var:在ES5以及之前的版本中用于声明变量。它具有函数作用域,即在声明它的函数内部可见,而在函数外部不可见。如果在函数内部没有使用var关键字声明变量,则该变量会成为全局变量,可在函数外部访问。
function example() {
var x = 10;
if (true) {
var y = 20;
console.log(x); // 输出: 10
}
console.log(y); // 输出: 20
}
example();
- let:在ES6中引入的关键字,用于声明块级作用域的变量。它具有块级作用域,在声明它的块级作用域内可见,而在块级作用域外不可见。
function example() {
let x = 10;
if (true) {
let y = 20;
console.log(x); // 输出: 10
}
console.log(y); // 报错: y未定义
}
example();
- const:也是在ES6中引入的关键字,用于声明常量。与let一样具有块级作用域,但声明的常量不可重新赋值,一旦赋值后就不能再改变。
const PI = 3.14159;
PI = 4; // 报错: 不能重新赋值常量
const arr = [1, 2, 3];
arr.push(4); // 可行
arr[0] = 0; // 可行
arr = [4, 5, 6]; // 报错: 不能重新赋值常量
适合使用var的情况是在旧版本的JavaScript代码中或在需要在函数作用域内声明变量的情况下。
适合使用let的情况是在需要在块级作用域内声明变量的情况下。
适合使用const的情况是在需要声明不变的常量时,如数学常量或不需要重新赋值的变量。
json
在JavaScript中,JSON(JavaScript Object Notation)是一种用于存储和交换数据的轻量级数据格式。它使用简洁的文本表示,易于阅读和编写,并且可以被不同语言的程序解析和生成。
JSON由键值对构成,键使用双引号括起来,值可以是字符串、数字、布尔值、数组、对象或null。以下是一些JSON的示例:
- 字符串:
"Hello, World!"
- 数字:
42
- 布尔值:
true
- 数组:
[1, 2, 3, 4, 5]
- 对象:
{
"name": "John",
"age": 30,
"city": "New York"
}
- 嵌套对象:
{
"name": "John",
"address": {
"street": "123 Main St",
"city": "New York",
"state": "NY"
}
}
- 空值:
null
在JavaScript中,我们可以使用内置的JSON对象来解析JSON字符串或将JavaScript对象转换为JSON字符串。
- 解析JSON字符串为JavaScript对象:
var jsonString = '{"name": "John", "age": 30, "city": "New York"}';
var jsonObject = JSON.parse(jsonString);
console.log(jsonObject.name); // 输出: "John"
- 将JavaScript对象转换为JSON字符串:
var person = {name: "John", age: 30, city: "New York"};
var jsonString = JSON.stringify(person);
console.log(jsonString); // 输出: '{"name":"John","age":30,"city":"New York"}'
通过JSON,在不同的系统之间可以轻松地传输和共享数据,它已经成为现代互联网开发中常用的数据格式。