ECMAScript6

最新推荐文章于 2022-11-03 15:58:43 发布
最新推荐文章于 2022-11-03 15:58:43 发布
阅读量517 收藏
点赞数
分类专栏： miaov 
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	div{
		display: none;
	}
	.show{
		display: block;
	}
	.active{
		background-color: yellow;
	}
	</style>
</head>
<body>
	<input type="button" value="tab1" class="active">
	<input type="button" value="tab2">
	<input type="button" value="tab3">
	<div class="show">div1</div>
	<div>div2</div>
	<div>div3</div>
	<script type="text/javascript">
	"use strict"
	//1-变量
	/*
		let特性：
			1、不允许重复声明
			2、没有预解析。
			3、块级作用域

		一对{}包括的区域称为代码块
	块级作用域指一个变量或者函数只在该区域才起作用。
	
		从块的开始到声明这段的区域 暂存死区

	*/
	// console.log(a);
	// var a = 1;
	// // var a = 3;
	// // let b = 2;
	// console.log(b);
	// let b = 3;

	// {

	// 	let a = 1;


	// }
	// console.log(a);

	// for(var i=0;i<10;i++){
	// 	(function(i){
	// 		setTimeout(function(){
	// 			console.log(i);
	// 		})
	// 	})(i)
	// }
	// for(let i=0;i<10;i++){
	// 	setTimeout(function(){
	// 			console.log(i);
	// 		})
	// }
	var tabs = document.getElementsByTagName('input');
	var divs = document.getElementsByTagName('div');

	for(let i=0;i<tabs.length;i++){
		
		tabs[i].onclick = function(){
			for(var j=0;j<tabs.length;j++){
				divs[j].className = '';
				tabs[j].className = '';
			}
			this.className = 'active';
			divs[i].className = 'show';
		}
	}
	//2-const
	/*
	在定义之后值是固定不变的，即为常量
	
	常量的值不能修改，但是如果常量保存的是一个对象，那么对象的属性是可以被修改的。

*/
	// const a = 1;

	// // a = 2;
	// console.log(a);

	const a = {
		name:'leo'
	};
	a.name = 'momo';
	console.log(a.name);
		/*
			解构赋值：
				ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
			
			数组的解构赋值：
				按照对应的顺序解构。

		*/
		// var arr = [1,[2,3]];
		// var [a,[b,c]] = arr;

		// console.log(a,b,c);
		// var obj = {
		// 	foo:function(){

		// 	},
		// 	o:{

		// 	},
		// 	arr:[],
		// 	str:'abc'
		// }
		// var {foo,arr,str,o} = obj;
		// console.log(foo,arr,str,o);

		// function fn(){

		// 	return {}
		// }
        //3-解构赋值
		var y = 1;
		var x = 2;

		var [x,y] = [y,x];

		console.log(x,y);

		//4-字符串扩展
		//var s = 'miaov';
	//var s = '
montaellis
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ECMAScript 6入门
12-27
ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言 [1] 。
Learning ECMAScript 6
03-13
Learning ECMAScript 6 Learning ECMAScript 6 Learning ECMAScript 6 Learning ECMAScript 6
ECMAScript 6
weixin_45948376的博客
08-15 79
自学参考：http://es6.ruanyifeng.com/
ECMAScript6详解
互联网底层民工的博客
11-03 1000
ECMAScript 也是一门脚本语言，缩写为ES，通常看做JavaScript的标准化规范ECMAScript6.0是JavaScript语言的下一代标准，它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
Ecmascript 6
不一样的花朵的博客
05-09 515
知识点 Ecmascript 6 Ecmascript 6 ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。 Ecmascript 是 JavaScript 语言的标注规范 JavaScript 是 Ecmascript 规范的具体实现 具体实现取决于各大浏览器厂商的支持进度 Ecmascript 6 也被称作 Ecmascript 2015 各大浏览器厂商对于最新的 Ecmascript 6 标准支持可以参照： http:
ECMAScript 6 入门教程
油墨香^-^的博客
06-23 560
作者 | 阮一峰 一、前言 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介绍，并给出大量简洁易懂的示例代码。 本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也可当作参考手册，查寻新增的语法点。如果你是 JavaScript 语言的初学者，建议先学完《JavaScript 语言入门教程》。这本书里的相关文
ECMAScript 6教程
ZJC'博客
03-31 774
文章目录ECMAScript 6简介ECMAScript和JavaScript的关系ES6与ECMAScript 2015的关系语法提案的批准流程ECMAScript的历史部署进度Babel转码器ES2015转码规则react转码规则ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个转码结果输出到标准输出转码结果写入一个文件--out-file 或 -o 参数指定输出文件或者整个目录转码--out-dir 或 -d 参数指定输出目录或者-s 参数生成source map文件安装babel-regis
idea中设置EcmaScript6
Tang_cancan的博客
12-12 1327
idea工具默认选择的是EcmaScript5.1 ES6的新增特性在这时编译工具会提示红色波浪线 所以修改一下设置即可，如图：
ECMAScript 6 新增内容
wanda000的博客
01-28 117
变量的扩展 let const 变量的结构 字符串的扩展及新增方法 模板字符串 (`${}`) matchAll 方法返回一个正则表达式在当前字符串的所有匹配 includes 返回布尔值，表示是否找到了参数字符串。 repeat 方法返回一个新字符串，表示将原字符串重复n次。 trimStart 消除字符串头部的空格 trimEnd 消除尾部的空格 数...
ECMAScript6入门
stevennest的专栏
06-04 625
http://es6.ruanyifeng.com
ECMAScript 6入门教程
qq_33460264的博客
02-14 410
https://es6.ruanyifeng.com/#docs/intro
ECMAScript6简书
12-06
​ 在ES5中, arguments是一个伪数组,可以使用length来遍历他,但却不能使用完全Array的api(slice/sort).在ES6中,可以使用新特性叫做rest参数,他的形式为 ...参数名,比如...args,rest是一个真数组,所以至此Array所有...
Understanding ECMAScript 6
10-28
ECMAScript 6 represents the biggest update to the core of JavaScript in the history of the language. In Understanding ECMAScript 6, expert developer Nicholas C. Zakas provides a complete guide to the ...
b050闲置图书分享-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
本次开发的闲置图书分享平台实现了收货地址管理、字典管理、公告管理、留言板管理、图书管理、图书收藏管理、图书评价管理、图书订单管理、用户管理、管理员管理等功能。系统用到了关系型数据库中王者MySql作为系统的数据库，有效的对数据进行安全的存储，有效的备份，对数据可靠性方面得到了保证。并且程序也具备程序需求的所有功能，使得操作性还是安全性都大大提高，让闲置图书分享平台更能从理念走到现实，确确实实的让人们提升信息处理效率。 管理图书的数据，此页面主要实现图书的增加、修改、删除、查看的功能。公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。
《大学生职业生涯规划与就业指导》大一阶段课程作业
最新发布
07-24
《大学生职业生涯规划与就业指导》大一阶段课程作业
开题报告潮汕特产直销系统 已通过开题答辩的.doc
07-23
随着互联网的高速发展，人们的生活方式发生了翻天覆地的变化，在过去，人们想要购买很远地方的东西会非常麻烦，因为是通信和交通都不是十分的方便，而现在网络购物成为了人们日常生活中不可或缺的一部分。在这样的背景下，互联网与传统行业的融合已经成为了一种不可阻挡的趋势。对于中国特色的潮汕特产来说，这一趋势也带来了巨大的变革和发展机遇[1]。
Python性能优化：掌握性能分析工具的实战指南
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
深入解析ECMAScript 6新特性
"《ECMAScript 6标准入门》（第二版）深入讲解了JavaScript语言的新特性，包括但不限于let和const命令、变量的解构赋值、字符串的扩展、正则的扩展以及数值的扩展等，旨在帮助开发者更好地理解和应用ES6新特性进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值