Начало Каталог Помощ
Вход
lovecoding
/
VIP24
6
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
Преглед на файлове

new

zsydgithub преди 1 година
родител
a391aae3b8
ревизия
7cc0ac8129
променени са 5 файла, в които са добавени 212 реда и са изтрити 0 реда
Разделен изглед Покажи статистика за разликите
  1. 54 0
      10_es6/1_let.html
  2. 23 0
      10_es6/2_变量提升.html
  3. 40 0
      10_es6/3_const.html
  4. 53 0
      10_es6/4_解构赋值.html
  5. 42 0
      10_es6/5_扩展运算符.html

+ 54 - 0
10_es6/1_let.html
Целия файл 

@@ -0,0 +1,54 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+</head>
 
+
 
+<body>
 
+  <script>
 
+    /* 
+      let 和 var的区别
 
+      1.let 不能重复声明
 
+      2.let 没有变量提升
 
+      3.临时失效区  在这区域内  不允许同名的变量出现
 
+      4.let 具有块级作用域
 
+    */
 
+    // var a = 13;
 
+
 
+    // let a = 10;
 
+    // let b = 20;
 
+    // a = 30;
 
+    // b = 40;
 
+    // console.log(a,b)
 
+
 
+    // var a = 10;
 
+    // var a = 20
 
+    // console.log(a)
 
+
 
+    /* let a = 10; */
 
+    /* let a = 20 */
 
+    /* console.log(a) */
 
+
 
+    // let a = 10
 
+    // function fn() {
 
+    //   let a = 'abc'
 
+    //   console.log(a)
 
+      
+    // }
 
+    // fn()
 
+    // console.log(a)
 
+
 
+
 
+    var a = true;
 
+    if(a){
 
+      let x = 100
 
+    }
 
+    console.log(x)
 
+  </script>
 
+</body>
 
+
 
+</html>

+ 23 - 0
10_es6/2_变量提升.html
Целия файл 

@@ -0,0 +1,23 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+</head>
 
+<body>
 
+  <script>
 
+    /* 
+    变量提升
 
+    通过var 定义的变量  会在当前的作用域最上方  定义这个变量  没有值 undefined
 
+    */
 
+    // console.log(a)
 
+    // var a = 10
 
+
 
+    /* console.log(a)
 
+    let a = 10  报错*/
 
+
 
+  </script>
 
+</body>
 
+</html>

+ 40 - 0
10_es6/3_const.html
Целия файл 

@@ -0,0 +1,40 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+</head>
 
+<body>
 
+  <script>
 
+    /* 
+    const  和  var的区别
 
+    1.const 不能重复声明
 
+    2.不能重复赋值
 
+    3.没有变量提升
 
+    4.临时失效区
 
+    5.const  块级作用域
 
+    */
 
+    // const a = 100
 
+    // a = 200
 
+    // console.log(a)
 
+
 
+    // console.log(a)
 
+    // const a = 100
 
+
 
+    // const a = 100
 
+    // function fn(){
 
+    //   console.log(a)
 
+    //   const a = 10
 
+    // }
 
+    // fn()
 
+
 
+    var a = true
 
+    if(a){
 
+      const x = 10
 
+    }
 
+    console.log(x)
 
+  </script>
 
+</body>
 
+</html>

+ 53 - 0
10_es6/4_解构赋值.html
Целия файл 

@@ -0,0 +1,53 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+</head>
 
+<body>
 
+  <script>
 
+    // var a = [1,2,3]
 
+    // console.log(a)
 
+
 
+
 
+    // var [b,c,d] = [1,2,3]
 
+    // console.log(b,c,d)
 
+
 
+
 
+    // var obj = {
 
+    //   name:'zs',
 
+    //   age: 18,
 
+    //   eat : function(){
 
+    //     console.log('eat')
 
+    //   }
 
+    // }
 
+
 
+    // var {age,name,eat} = obj
 
+    // console.log(age,name,eat)
 
+
 
+    // var str = 'ab'
 
+    // var [x,y,z] = str
 
+    // console.log(x,y,z)
 
+    // console.log(x)
 
+    // console.log(y)
 
+    // console.log(z)
 
+
 
+
 
+    // function fn(name,age){
 
+    //   console.log(name,age)
 
+    // }
 
+    // fn({name:'zs',age:20})
 
+
 
+    function fn2(){
 
+      return{
 
+        name:'zs',
 
+        age: 18
 
+      }
 
+    }
 
+    var {name} = fn2()
 
+    console.log(name)
 
+  </script>
 
+</body>
 
+</html>

+ 42 - 0
10_es6/5_扩展运算符.html
Целия файл 

@@ -0,0 +1,42 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <title>Document</title>
 
+</head>
 
+<body>
 
+  <ul>
 
+    <li>1</li>
 
+    <li>2</li>
 
+    <li>3</li>
 
+  </ul>
 
+  <script>
 
+    /* ... 扩展运算符  把数组或者类数组 展开成用逗号分隔的值 */
 
+    // var a = [1,2,3]
 
+    // var b = [...a]
 
+    // console.log(...a)
 
+    // b[0] = 8
 
+    // console.log(b)
 
+    // console.log(a)
 
+
 
+    /* 合并 */
 
+    var a = [1,2,3]
 
+    var b = [4,5,6]
 
+    var c = [...a,...b]
 
+    console.log(c)
 
+    var d =[...c,7,8]
 
+    console.log(d)
 
+
 
+    var aLi = document.getElementsByTagName('li')
 
+    console.log(aLi)
 
+    /* 把类数组转化成数组 */
 
+    var arr1 = [...aLi]
 
+    console.log(arr1)
 
+
 
+    arr1.push(11)
 
+    console.log(arr1)
 
+  </script>
 
+</body>
 
+</html>