傻瓜式一键建站系统,数据库对网站开发的作用,音乐网站的设计,成都企业网站建设介绍JavaScript 笔记
函数参数
默认参数
在 JavaScript 中#xff0c;我们可以为函数的参数设置默认值。如果调用函数时没有传递参数#xff0c;那么参数将使用默认值。
function greet(name World) {console.log(Hello, ${name}!);
}greet(); // 输出#xff1a;Hello, Wo…JavaScript 笔记
函数参数
默认参数
在 JavaScript 中我们可以为函数的参数设置默认值。如果调用函数时没有传递参数那么参数将使用默认值。
function greet(name World) {console.log(Hello, ${name}!);
}greet(); // 输出Hello, World!
greet(Alice); // 输出Hello, Alice!Rest 参数
Rest 参数允许我们将不确定数量的参数表示为一个数组。
function sum(...numbers) {let total 0;for (let number of numbers) {total number;}return total;
}console.log(sum(1, 2, 3)); // 输出6
console.log(sum(4, 5)); // 输出9
console.log(sum(6)); // 输出6面向对象
JavaScript 是一种面向对象的语言它支持通过构造函数和原型来创建对象。
构造函数
构造函数允许我们创建具有相同属性和方法的对象实例。
function Person(name, age) {this.name name;this.age age;
}Person.prototype.greet function() {console.log(Hello, my name is ${this.name}. Im ${this.age} years old.);
};const person1 new Person(Alice, 25);
const person2 new Person(Bob, 30);person1.greet(); // 输出Hello, my name is Alice. Im 25 years old.
person2.greet(); // 输出Hello, my name is Bob. Im 30 years old.类
ES6 引入了 class 关键字使得创建类更加简洁和直观。
class Person {constructor(name, age) {this.name name;this.age age;}greet() {console.log(Hello, my name is ${this.name}. Im ${this.age} years old.);}
}const person1 new Person(Alice, 25);
const person2 new Person(Bob, 30);person1.greet(); // 输出Hello, my name is Alice. Im 25 years old.
person2.greet(); // 输出Hello, my name is Bob. Im 30 years old.装饰器
装饰器是一种语法可以修改类、方法、属性等的行为。它是 JavaScript 中的一项实验性功能并需要使用 Babel 等工具进行转译。
function log(target, name, descriptor) {const originalMethod descriptor.value;descriptor.value function(...args) {console.log(Calling ${name} with arguments: ${args.join(, )});return originalMethod.apply(this, args);};return descriptor;
}class Calculator {logadd(a, b) {return a b;}
}const calculator new Calculator();
console.log(calculator.add(2, 3)); // 输出Calling add with arguments: 2, 3// 5高级函数
JavaScript 中的高级函数可以接受其他函数作为参数或返回函数。
高阶函数
高阶函数是指接受一个或多个函数作为参数并/或者返回一个函数的函数。
function applyOperation(a, b, operation) {return operation(a, b);
}function add(a, b) {return a b;
}function subtract(a, b) {return a - b;
}console.log(applyOperation(2, 3, add)); // 输出5
console.log(applyOperation(2, 3, subtract)); // 输出-1匿名函数和箭头函数
匿名函数是没有具名标识符的函数我们可以将其作为参数传递给其他函数或直接调用。
箭头函数是一种匿名函数的简写形式并且它的行为与普通函数略有不同。箭头函数没有自己的 this而是继承外部作用域的 this 值。
const multiply function(a, b) {return a * b;
};const divide (a, b) a / b;console.log(multiply(2, 3)); // 输出6
console.log(divide(6, 2)); // 输出3捕获异常
在 JavaScript 中我们可以使用 try...catch 语句来捕获和处理异常。
try {// 可能会抛出异常的代码throw new Error(Something went wrong!);
} catch (error) {// 捕获并处理异常console.error(Error: ${error.message});
}通过使用 try...catch 块我们可以在程序出现异常时执行特定的操作并提供更友好的错误处理。
