首页 > 编程语言 > 详细

009 Javascript(101-)

时间:2020-06-11 00:56:53      阅读:46      评论:0      收藏:0      [点我收藏+]

[A] 解构

  

            解构两大类:

                    中括号解构

                    大括号解构

            1. 中括号解构可用于变量批量赋值

         [x, y, z] = [23,56,78];                 按位置对应赋值

         [x, [a, b], z] = [23,[45,43],78];       按位置对应赋值

       

       2. 大括号结构用于对象赋值

        {name, age, sex, action} = {

                name: "jack",

                 age: 18,

                 sex: "男"

                 action = function(){

                      alert("helow");

                 }

          }

 

            3. 解构的好处:

                    a. 交换两个数变得更加方便

               [a, b] = [b, a];    // 交换a, b两个数的值

 

                    b. 函数可以返回多个值

                fucntion fun(形参){

                    return ["结果1", "结果2", "结果3"];

                }

                调用:

                [a, b, c] = fun(实参);

 

                    c. 调用函数时,实参不必和形参一一对应

                          【注】此时,参数可以自带默认值

                 function show({name, age = 18, sex}){

                     aler("我叫" + name + ", 今年" + age + "岁了,是一个" + sex + "性。");

                 }

                 调用:这里传入的大括号结构后的参数

                 show({

                     name: "jack",

                    age: 18,

                     sex: "男", 

                 })

 

                    d. 快速取出数组中的一个元素

                  var arr = [10, 20, 30, 40, 50];

                  var {0:first, 4:last} = arr;    // 通过解构,将数组arr的下标为0的元素赋值给first
                                                  // 将数组arr的下标为4的元素赋值给last

                  alert(first);

 

 

[B] ECMA6字符串

  

            1. 传统字符串:所有单引号和双引号括起来的都叫做字符串

            2. ECMA6字符串:反引号``   英文键盘下按下键1可打出来

            

 

           3.  ECMA6字符串优点:

                    a. 传统字符串书写时不能换行

                        而ECMA6字符串可以随便写,写出来什么样,输出出来就是什么样。

                        传统写法:var str = "hello

                                            world"      // 将报错

                        ECMA6写法:var str = `hello

                                            world`      // 可以正确输出

                        

                    b. 通过占位符 ${} 实现字符串拼接

                                  var name = "jack";

                                  var age = 18;

                                  var sex = "男";

                        传统写法:

                              str = "我叫" + name + ", 今年" + age + "岁了,是一个" + sex + "性。";

                        ECMA6写法:

                              str = `我叫${name},今年${age}岁了,是一个${sex}性`。

 

[C] 新增能数组方法和合并对象

  

 

009 Javascript(101-)

原文:https://www.cnblogs.com/carreyBlog/p/13089421.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!