ECMAScript 6基础总结

<script>//定义常量const PI=6PI=3//常量值一旦定义，不能改变,不能再进行赋值console.log(PI)//会报 Assignment to constant variable//定义常量必须初始化赋值
const AA //Uncaught SyntaxError: Missing initializer in const declaration</script>

<script>//var 声明的变量没有局部作用域//let 声明的变量 有局部作用域{var a=0let b=1}console.log(a) //0console.log(b) //b is not defined</script>

<script>
//var 可以声明多次
//let 只能声明一次
var m=1
var m=2
let n=3
let n=4
console.log(m)
console.log(n) //Identifier 'n' has already been declared</script>

<script>
//传统写法
let a=1,b=2,c=3
console.log(a,b,c)//es6写法
let [x,y,z]=[10,20,30]
console.log(x,y,z)</script>

<script>//定义对象let user={"name":"lucy","age":20}//传统从对象里面获取值let name1=user.namelet age1=user.ageconsole.log(name1+"=="+age1)//es6获取对象let{name,age}=userconsole.log(name+"**"+age)</script>

<script>
//1 使用`符号实现换行let str1 = `hello,es6 demo up!`console.log(str1)//2 在`符号里面使用表达式获取变量值let name = "Mike"let age = 20let str2 = `hello,${name},age is ${age+1}`console.log(str2)//3 在`符号调用方法function f1() {return "hello f1"}let str3 = `demo, ${f1()}`console.log(str3)</script>

<script>const age = 12const name = "lucy"//传统方式定义对象const p1 = {name:name,age:age}// console.log(p1)//es6定义变量const p2 = {name,age}console.log(p2)</script>

<script>//传统方式定义的方法const person1 = {sayHi:function(){console.log("Hi")}}//调用person1.sayHi()//es6const person2 = {sayHi(){console.log("Hi")}}</script>

<script>//1 对象复制let person1 = {"name":"lucy","age":20}let person2 = {...person1}//console.log(person2)   //Uncaught SyntaxError: Unexpected token ...//2 对象合并let name = {name:'mary'}let age = {age:30}let p2 = {...name,...age}console.log(p2)
</script>

<script>//1 传统方式创建方法//参数 => 函数体var f1 = function(m) {return m}//console.log(f1(2))//使用箭头函数改造var f2 = m => m// console.log(f2(8))//2 复杂一点方法var f3 = function(a,b) {return a+b}//console.log(f3(1,2))//箭头函数简化var f4 = (a,b) => a+bconsole.log(f4(2,2))
</script>

ECMAScript 6基础总结相关推荐

ECMAScript 6 基础教程-姜威-专题视频课程
ECMAScript 6 基础教程-3202人已学习课程介绍 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Ma ...
学习JavaScript第一弹(上)——ECMAScript(JavaScript基础)
1.编程语言.ECMA.JavaScript.浏览器的发展史 1.1 编程语言编程编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计 ...
ECMAScript 6 基础入门
0. ECMAScript 与 JavaScript ECMAScript (ECMA 262)是 JavaScript 语言标准的名字,ECMAScript 是标准,JavaScript 是各厂商的 ...
day02 cssjs 基础
案例1-用div+css重新布局首页 div:块标签, <div></div> span:行内的块标签 <span><span> css:渲染层叠样式 ...
JavaScript编程语言基础（1）
问题:什么是web前端前端:指界面,计算机(PC)软件桌面的界面: 计算机端的浏览器界面: 移动端的软件(app)界面: 移动端的浏览器界面. Html+css+JavaScript 使用网页技术( ...
JavaScript核心基础总结笔记
JavaScript 前言:大家好.我是小编达闻西,很高兴又和大家见面了.上篇文章我总结了一下html,css的常用基础知识.这次我又重新的把JavaScript的相关知识点给总结了一下.发现js的东 ...
JavaScript基础-ES6
目录前言: java Script的组成: java Script的书写位置: java Script的注释: java Script的输入输出语法: java Script的变量: java Sc ...
课程介绍复习创建对象的三种方式自定义构造函数创建对象工厂模式创建对象
课程介绍 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
前端Javascript与Nodejs的异同
前言很多小伙伴学Node的时候,都没有好好认识她就开始疯狂追求,想一举拿下,直接在网上搜索Node实战,想知道她活好不好,想先用她建个简单博客练练手. JavaScript和Nodejs 我相信很多 ...
Java游戏有易筋经_易筋经- JavaWeb-1
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言, 内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言组成部分: ECM ...

ECMAScript 6基础总结

ECMAScript 6基础总结相关推荐

最新文章

热门文章