新建文档怎么做网站,帝国网站调用图片集,做网站42类商标怎么选小类,智能小程序官网原型链和继承
在 JavaScript 中#xff0c;每个对象都有一个原型#xff08;prototype#xff09;#xff0c;这个原型指向另一个对象。这个链式的原型关系被称为原型链。当访问一个对象的属性时#xff0c;如果该对象没有该属性#xff0c;它会沿着原型链向上查找…原型链和继承
在 JavaScript 中每个对象都有一个原型prototype这个原型指向另一个对象。这个链式的原型关系被称为原型链。当访问一个对象的属性时如果该对象没有该属性它会沿着原型链向上查找直到找到该属性或到达原型链的末端。
// 创建一个构造函数 Person
function Person(name, age) {this.name name;this.age age;
}// 添加一个方法到 Person.prototype
Person.prototype.greet function() {console.log(Hello, my name is ${this.name} and I am${this.age} years old.);
};// 创建一个 Person 实例
const person1 new Person(Alice, 30);// 调用 greet 方法
person1.greet(); // Hello, my name is Alice and I am 30 years old.继承可以通过原型链实现也可以通过原型式继承如 Object.create()、组合继承使用原型链和构造函数等方式实现。
作用域链和闭包
作用域链是 JavaScript 引擎在执行代码时创建的一个链式结构用于在函数内部访问变量。这个链从当前函数的作用域开始然后是外部函数的作用域最后是全局作用域。
闭包是一个函数及其作用域内的变量组成的组合即使外部函数执行完毕闭包中的变量也不会被销毁。
function outerFunction() {var outerVariable I am outer;function innerFunction() {console.log(outerVariable); // 访问外部函数的变量}return innerFunction;
}const inner outerFunction();
inner(); // I am outer异步编程
回调函数是一种在异步操作完成后执行的函数。
function fetchData(callback) {setTimeout(() {callback(Data fetched successfully!);}, 2000);
}fetchData((data) {console.log(data);
});Promise 是一种对象用于异步操作的结果。
const fetchData () new Promise((resolve, reject) {setTimeout(() {resolve(Data fetched successfully!);}, 2000);});fetchData().then((data) {console.log(data);}).catch((error) {console.error(error);});async/await 是 ES2017 引入的语法糖用于处理 Promise。
async function fetchData() {try {const data await new Promise((resolve, reject) {setTimeout(() {resolve(Data fetched successfully!);}, 2000);});console.log(data);} catch (error) {console.error(error);}
}fetchData();ES6 新特性
let 和 constlet 声明的变量具有块级作用域const 声明的变量是常量一旦声明不能更改。
if (true) {let message Hello;console.log(message); // Hello
}const pi 3.14159;
pi 3; // 错误不能更改 pi 的值模板字符串使用反引号表示可以在字符串中嵌入变量。
const name Alice;
const age 30;
const greeting Hello, my name is ${name} and I am${age} years old.;
console.log(greeting); // Hello, my name is Alice and I am 30 years old.箭头函数(){}用于简化函数声明。
const greet (name) Hello, ${name}!;
console.log(greet(John)); // Hello, John!解构赋值允许从数组或对象中提取值并赋给变量。 const person { name: Alice, age: 30 };
const { name, age } person;
console.log(name); // Alice
console.log(age); // 30模块化通过 import 和 export 语句来导入和导出模块。 // module1.js
export const add (a, b) a b;// module2.js
import { add } from ./module1;
const result add(5, 3);
console.log(result); // 8其他新特性如 Promise、Set、Map、Proxy、Reflect、Symbol 等。 Promise Promise 是一个对象用于异步操作的结果。它有三种状态pending进行中、fulfilled已完成和 rejected已失败。 const fetchData () new Promise((resolve, reject) {setTimeout(() {resolve(Data fetched successfully!);}, 2000);});fetchData().then((data) {console.log(data);}).catch((error) {console.error(error);});Set 和 Map Set类似于数组但成员的值都是唯一的没有重复的值。 const numbers new Set([1, 2, 3, 4, 5]);
console.log(numbers); // Set(5) {1, 2, 3, 4, 5}Map类似于对象但它的键可以是任何值且键是唯一的。 const map new Map([[name, Alice],[age, 30],
]);
console.log(map); // Map(2) {name: Alice, age: 30}Proxy Proxy 是一种对象它可以拦截对象上的操作如属性访问、属性设置、函数调用等。 const person { name: Alice, age: 30 };
const proxy new Proxy(person, {get: (target, key) {if (key age) {return target[key] * 2; // 返回年龄的两倍}return target[key];},
});console.log(proxy.name); // Alice
console.log(proxy.age); // 60Reflect Reflect 是 JavaScript 语言的一个内置对象它提供了一些与 JavaScript 对象操作相关的方法。 const person { name: Alice, age: 30 };
const keys Reflect.ownKeys(person);
console.log(keys); // [name, age]Symbol Symbol 是 ES6 引入的一种新的原始数据类型表示独一无二的值。 const symbol Symbol(unique);
console.log(typeof symbol); // symbol
console.log(symbol symbol); // false这些新特性使得 JavaScript 更加强大和灵活有助于编写更简洁、更易于维护的代码。随着 JavaScript 语言的不断进化开发者需要不断学习和适应新的特性和变化。
