当前位置:首页 > JavaScript

js实现赋值

2026-04-06 16:43:25JavaScript

变量声明与赋值

在JavaScript中,变量赋值通过声明变量后使用赋值运算符(=)实现。常见变量声明方式包括:

  • var:传统声明方式,存在变量提升问题。
    var x = 10;
  • let:块级作用域变量,可重新赋值。
    let y = 20;
    y = 30; // 允许重新赋值
  • const:块级作用域常量,不可重新赋值(但对象/数组内部属性可修改)。
    const z = { value: 40 };
    z.value = 50; // 允许修改属性

解构赋值

从数组或对象中提取值并赋给变量:

  • 数组解构
    const [a, b] = [1, 2]; // a=1, b=2
  • 对象解构
    const { name, age } = { name: "Alice", age: 25 }; // name="Alice", age=25

链式赋值

同一值赋给多个变量:

let p = q = 100; // p和q均为100

复合赋值运算符

结合运算与赋值的简写形式:

let count = 5;
count += 3; // 等同于 count = count + 3

动态属性赋值

通过变量名动态设置对象属性:

const key = "dynamicKey";
const obj = { [key]: "value" }; // obj.dynamicKey = "value"

默认值赋值

变量未定义时提供默认值:

const options = { timeout: null };
const timeout = options.timeout ?? 1000; // timeout=1000(若为null/undefined)

函数参数默认值

函数参数可设置默认值:

js实现赋值

function greet(name = "Guest") {
  return `Hello, ${name}!`;
}

标签: 赋值js
分享给朋友:

相关文章

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js 实现页面刷新

js 实现页面刷新

使用 location.reload() location.reload() 是原生 JavaScript 提供的页面刷新方法。调用该方法会重新加载当前页面,相当于点击浏览器的刷新按钮。 // 基本…

js 实现验证码

js 实现验证码

实现验证码的 JavaScript 方法 生成随机验证码 验证码通常由随机字符(数字、字母或混合)组成。以下代码生成一个 6 位随机验证码(数字和字母混合): function generateCa…

js实现图片移动

js实现图片移动

使用CSS和JavaScript实现图片移动 方法一:使用CSS动画结合JavaScript控制 通过CSS定义动画关键帧,JavaScript动态添加或移除动画类。 /* CSS部分 */ .m…

js实现筛选

js实现筛选

JavaScript 实现数据筛选的方法 使用 Array.filter() 方法 Array.filter() 是 JavaScript 中最常用的筛选方法,它会创建一个新数组,包含通过回调函数测试…