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}"</li> <li>'name"</li><li>′{name}’
- name</li><li>{name}</li> <li>name</li><li>{1+1}
- fn()</li><li>{fn()}</li> <li>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.动画
- 简单动画- 匀速动画
- 缓冲动画- 减速动画
本文深入探讨JavaScript的高级特性,包括函数默认参数、解析赋值、字符串新表达方式、展开运算符、对象写法简化及动画原理。通过具体示例讲解,帮助读者掌握这些特性,提升编程技巧。
2376

被折叠的 条评论
为什么被折叠?



