【Web·JS·基础】函数的使用和展运算符...objs

对象实例

  1. 常规赋值
  2. 空对象方式
javascript 复制代码
// 常规赋值
let man = {
  age: 15,
  name: "小芬",
  talk: function() {
    console.log("Hello 我是", this.name, "年龄", this.age);
  }
};

// 空对象方式
let man = new Object();
man.age = 15;
man.name = "小芬";
man.talk = function() {
  console.log("Hello 我是", this.name, "年龄", this.age);
};

man.talk(); // 调用

箭头函数

javascript 复制代码
// 普通函数
function greet(name, age) {
  console.log(`你好,我是${name},今年${age}岁`);
}

// 箭头函数
const greet = (name, age) => {
  console.log(`你好,我是${name},今年${age}岁`);
};

greet("小芬", 15);

多参函数

javascript 复制代码
 function add(n1, n2, ...args) {
	let total = n1 + n2;
	for (let index = 0; index < args.length; index++) {
	  total += args[index];
	}
	console.log(total);
	console.log(n1, n2, args);
 }
add(1, 2);
add(1, 2, 1, 1);
add(1, 2, 3, 4, 5, 6);

数组和对象形式

javascript 复制代码
let [nl,n2,...data] = [3,2,1,5,4,0];
console.log(nl,n2,data);

let { x, z, ...objs } = { x: 3, y: 4, p: 1, k: 2, d: s };
console.log(x, z, objs);
相关推荐
m0_敲代码的彭于晏1686 小时前
Vercel 前端部署平台深度评测
前端
怕浪猫7 小时前
外包和大厂的前端代码,差在凌晨三点
前端·面试·github
m0_敲代码的彭于晏1687 小时前
Vercel 前端部署与全栈开发实战指南
前端·状态模式
徐小夕8 小时前
花了3个月,我们做了一款 AI 版的“飞书文档”
前端·算法·github
贾伟康8 小时前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
Csvn8 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn9 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
酷炫码神9 小时前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
Elcker11 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
酷炫码神11 小时前
Day 8|Vue3 响应式:告别手动操作 DOM,让数据驱动界面
javascript·vue.js·ecmascript