day21 javascript

最新推荐文章于 2025-12-26 11:41:50 发布

原创最新推荐文章于 2025-12-26 11:41:50 发布 · 156 阅读

本内容遵循CC 4.0 BY-SA版权协议

本文深入探讨JavaScript的高级特性，包括函数默认参数、解析赋值、字符串新表达方式、展开运算符、对象写法简化及动画原理。通过具体示例讲解，帮助读者掌握这些特性，提升编程技巧。

					day21知识点

一、函数的默认参数
js：function (a=‘456’){ console.log(a)}

二、解析赋值
1.解开结构，单独赋值
1.1 数组：数组是数据的有序集合，所以在解析赋值时，变量之间的顺序是，从左向右一次解析
js： var [a，b，c]=[‘hello’，‘world’，‘123’]

  1.2  对象 ：对象时数据的无序集合，所以子解析赋值时，变量之间没有顺序，找到对象的key了，就赋值，没有则undefined
	js： var {name，sex，age} = {name：‘张三’，sex：‘男’，age：15}

  1.3  字符 ：因为字符类似数组，所以在解析赋值时，变量有顺序，从左向右一次解析，没有了，就是undefined
	js： var [a，b，c] =‘hello’

三、模拟字符串
1.回顾单双引号字符特点：不允许换行，如要换行，不许每行都是完整的字符，还要用+号拼接
2.字符串的新的表达方式：反引号- 允许换行 - 可以不用+号拼接，在反引号内，使用${}包裹变量如：js var str =

" ${name}"</li> <li>'$ {name}’
${name}</li> <li>$ {1+1}
${fn()}</li> <li>$ {false ? “hello” : “wrold”}

`;
四、展开运算符
1.关键字：…
1.1 展开运算符必须在能够接收多个数据的位置使用
1.1.1 展开数组，要在能够接收多个数据时使用
例：var arr =[1,2,3] var arr1=[2,3,4,…arr] console.log(arr1) 结果为 2,3,4,1,2,3
函数例： function fn（a,b,c）{ console.log(a,b,c)} fn(…[4,5,6])

2.展开对象，要在能够接收多个键值对时使用
	合并对象： var obj={
			   name：‘hello’，
			   age：18，
			    }
		   var obj1={
			   sex=‘男’
			   ...obj，
			    }

五、对象的简单写法
1.当对象的value是变量，却key和这个变量重名时，可以缩写
2.当对象的value时函数时，可以直接：函数名（）{}
例：var name=‘hello’ var age=18； var sex=‘男’
var obj={
name，
sex，
fn(){
console.log(this.name)
}
}

六、动画
1.动画的要素
- 运动源：正在运动的事物
- 频率：每个单位时间
- 步长：每个单位时间内做出来的改变
- 停止条件：什么时候结束
2.频率的限制
- 人眼能识别的最少频率是24
- 一秒钟切换现需的24张图片，就是动画
- 时间越短效果越好。
- 浪费的性能越多，页面也不一定能够响应
- 频率一般选择30
3.动画
- 简单动画- 匀速动画
- 缓冲动画- 减速动画