day21 javascript

本文深入探讨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}"</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.动画
- 简单动画- 匀速动画
- 缓冲动画- 减速动画

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值