继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第9天 ES与JS的关系及环境搭建(1)

saluteY
关注TA
已关注
手记 42
粉丝 0
获赞 0

第一板块:4小时快速体验ES6-10的强大,1-1;2-1;2-2;2-3;2-4;2-5,大谷

第二板块:

  1. JS,ES之间的关系?

    JS的组成:ECMAScript+DOM(文档对象模型)+BOM(浏览器对象模型)

  2. 为什么用ES?

    js的语法层面是遵循es的;

  3. js有哪些问题?

    1.变量的作用域:var let const 

    2.自符串的处理方面:indexOf,includes,startsWith,endsWidth,字符串模板

第三板块:

// ES与JS变量的作用域
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<script type="text/javascript">
		// let不允许重复说明
		let a=12;
		console.log(a);
		// let创建局部变量(块级)
		for(let i=0;i<5;i++){
			console.log(i);
		}
		// 同一个块不允许重复的变量声明
		function show1=(args)=>{
			{
				let args='111';
				lconsole.log(args);
			}
		}
		show1(222);
	</script>
	<body>
	</body>
</html>
// 自符串的处理方面
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<script type="text/javascript">
		let str='https://www.baidu.com';
		let newStr1=str.includes('baidu');
		console.log(newStr1);
		let newStr2=str.startsWith('baidu',4);
		console.log(newStr2);
		// 判断str的前八个字符是不是以baidu结尾
		let newStr3=str.endsWith('baidu',8);
		console.log(newStr3);
		// 字符串模板
		let str2=`${变量}测试`;
	</script>
	<body>
	</body>
</html>
// 快速提高JS拼接字符串速度的方法
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<script type="text/javascript">
	function showUser(a,b){
		return a[0]+b;
	}
		let name='zhangsan';
		let age='12';
		//es5
		const newStr1="name="+name+";age="+age;
		//es6
		const newStr=`name=${name};age=${age}`
		showUser(`name=${name};age=${age}`);
	</script>
	<body>
	</body>
</html>

第四板块:

http://img3.sycdn.imooc.com/6321dcd20001c3a519201020.jpg



http://img2.sycdn.imooc.com/6321dd090001d9cc19201020.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP