ES6练习题分享

1、箭头函数: 编写一个箭头函数,接受两个参数并返回它们的和。

2、解构赋值: 给定一个数组[1, 2, 3],使用解构赋值将数组中的元素分别赋值给变量a、b和c。

3、默认参数: 编写一个函数,接受两个参数:name和age。如果name参数未提供,则将其默认设置为"Unknown",如果age参数未提供,则将其默认设置为0。函数应该返回一个包含提供的名称和年龄的对象。

4、模板字符串: 编写一个函数,接受一个参数name,并返回一个使用模板字符串创建的字符串,其中包含该名称。

5、展开运算符: 给定两个数组arr1 = [1, 2, 3]和arr2 = [4, 5, 6],使用展开运算符将这两个数组合并成一个新数组。

6、箭头函数和模板字符串: 编写一个箭头函数greet,接受一个名字作为参数,并返回一个字符串,形如:"Hello, [name]!" 使用模板字符串实现。

7、解构赋值和默认值: 编写一个函数getUserInfo,接受一个对象作为参数,包含name和age属性。使用解构赋值和默认值,返回一个字符串,形如:"Name: [name], Age: [age]". 如果未提供对象参数,则使用默认值{name: "Anonymous", age: 0}。

8、扩展运算符和数组操作: 编写一个函数mergeArrays,接受两个数组作为参数,并返回一个新数组,其中包含两个数组中的所有元素。使用扩展运算符实现。

1.箭头函数:

const sum = (a, b) => a + b;

console.log(sum(2, 3)); // 输出:5

2.解构赋值:

const array = [1, 2, 3];
const [a, b, c] = array;

console.log(a, b, c); // 输出:1 2 3

3.默认参数:

const createPerson = (name = "Unknown", age = 0) => {
  return {
    name,
    age
  };
};

console.log(createPerson("Alice", 25)); // 输出:{ name: "Alice", age: 25 }
console.log(createPerson()); // 输出:{ name: "Unknown", age: 0 }


4.模板字符串:

const greet = (name) => {
  return `Hello, ${name}!`;
};

console.log(greet("Alice")); // 输出:"Hello, Alice!"


5.展开运算符:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArray = [...arr1, ...arr2];

console.log(mergedArray); // 输出:[1, 2, 3, 4, 5, 6]

6.箭头函数和模板字符串:

const greet = (name) => {
  return `Hello, ${name}!`;
};

console.log(greet("Alice")); // 输出:"Hello, Alice!"

7.解构赋值和默认值:

const getUserInfo = ({ name = "Anonymous", age = 0 } = {}) => {
  return `Name: ${name}, Age: ${age}`;
};

console.log(getUserInfo({ name: "Alice", age: 25 })); // 输出:"Name: Alice, Age: 25"
console.log(getUserInfo()); // 输出:"Name: Anonymous, Age: 0"


8.扩展运算符和数组操作:

const mergeArrays = (arr1, arr2) => {
  return [...arr1, ...arr2];
};

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
console.log(mergeArrays(array1, array2)); // 输出:[1, 2, 3, 4, 5, 6]

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
writable是ES6中的一个属性,用于定义对象的属性是否可被赋值修改。当将一个属性定义为writable时,这个属性可以被修改,即可以通过赋值运算符改变该属性的值。 在ES6之前,对象的属性默认都是可写的,即默认可被修改。但是ES6引入了一些新的特性来优化对象的属性定义与访问。其中一个特性就是writable属性。通过将属性定义为不可写,可以避免在修改属性时出现意外的情况。 在ES6中,我们可以使用Object.defineProperty()方法来定义对象的属性,并设置属性的可写性。该方法接受三个参数:需要定义属性的对象、属性名和一个描述符对象。描述符对象中的writable属性,用于指定属性是否可写。 例如,我们定义了一个person对象,该对象有一个名为name的属性。我们可以选择性地将该属性定义为不可写,以确保在运行时不会修改对象的名称: ```javascript const person = {}; Object.defineProperty(person, 'name', { value: 'John', writable: false, // 将属性设置为不可写 }); person.name = 'Jane'; // 尝试修改属性的值,但会被忽略 console.log(person.name); // 输出: John ``` 通过上述代码,我们可以看到无论我们如何尝试修改person对象的name属性,最终结果都是保持不变。这是因为在定义属性时,我们将其设置为不可写。这样做可以确保我们在代码中意外地修改属性的值。 在使用ES6的可写性特性时,需要根据实际需求来决定是否将属性定义为可写。在某些情况下,将属性定义为只读是非常有用的,以确保数据的稳定性和完整性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值