首页 > 其他分享 >ES6-2

ES6-2

时间:2022-09-19 12:00:43浏览次数:57  
标签:function ES6 console log ... let name

<!-- <script>
    // const 声明一个只读的常量, 只能读取——基本类型 初始化的时候必须给值   (另一种是引用类型)   栈里
    const abc = 111;
    // abc = 222; // 报错
    const abcarray = {
        name: 'kkk',

    }
    abcarray.name = 'req'  //这是可行的   引用类型     堆里
    //-----------------------------箭头=> 不能当做 构造函数 不能new 没有原型对象 不能用arguments-----------------------------------
    let f1 = function (v) {

        return v;
    }
    f1(1234);
    let f2 = v => v;
    f2(2345);

    //   let ice1 = new f2('ice', 10);   //:  报错 f2 is not a constructor   不能当做 构造函数
    function f3(name, age) {
        this.name = name;
        this.age = age;

    }   //构造函数用来生成对象的模板

    f3.prototype.sex = '1';                      //没有原型对象
    let ice = new f3('ice', 10);
    let jb = new f3('jb', 20);
    console.log(ice)

    function f4() {
        console.log(arguments)   //  不能用arguments  参数集合
        console.log(arguments[1])
    }
    f4(1, 2, 3, 4, 5, 6);

    let f5 = (a, b, ...c) => {
        console.log(c)     //3,4,5
    };             //箭头函数  用rest

    f5(1, 2, 3, 4, 5);
    //..............................................扩展运算符
    function f6(...item) {
        console.log(item)    //0,1,2,3,4,5,6
    }
    let arr10 = [1, 2, 3];
    let arr20 = [3, 4, 5];
    f6(0, ...arr10, ...arr20, ...[6]);
    //等价f6(0,1,2,3,4,5,6)
    let arr12 = [...arr10, ...arr20];
    let o1 = {
        id: 1,
        name: 'abc'
    }
    let o2 = {
        ...o1,
        sex: 0
    }
    //等价
    // let o2 = {
    //     id: 1,
    //     name: 'abc',
    //     sex: 0
    // }

    var str = 'global';
    var obj = {
        str: 'private',
        getstr: function () {
            console.log(this.str)   //private
        }
    }
    var obj1 = {
        str: 'private',
        getstr: () => {
            console.log(this.str)    //箭头函数本身是没有this的,他会去上下文寻找,obj1的上下文找到的是 global  严格模式报错
        }
    }
    obj.getstr();
    obj1.getstr();

</script> -->

 

标签:function,ES6,console,log,...,let,name
From: https://www.cnblogs.com/soulice/p/16707242.html

相关文章

  • ES6-1
    <!--<script>window.onload=function(){vara=10;letb=20;constc=30;//ES5预解析变量提升varfunction......
  • ES6-3
    window.onload=function(){//---------------------------------------数组解构-----------------let[x,y,z]=[true,[1,2,3],{id:......
  • ES6全
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • ES6 对String做的常用升级优化
    ES61.let有什么用,为什么有了var还要使用let在ES6之前,声明变量只能用var,var声明变量有很多不合理的点,准确的说是因为ES5中没有块级作用域是很不合理的,甚至可以说是一门语......
  • ES6 let关键字和var关键字的区别
    建议:在默认情况下使用const,而只有在你知道变量值需要被修改的情况下使用let......
  • Es6 模块化规范(import)
    index.js文件://第1种导出方式exportletaddress="cz";exportletobj={b:2};//import/export输出的是值的引用address="河北省沧州市"//当前文件执行完......
  • 了解 ES6 中 var、let 和 const 的范围
    了解ES6中var、let和const的范围了解ES6中的全局、本地和块级作用域发病前ES2015(ES6),这曾是statement是在JavaScript中声明变量的唯一选项。然而,由于......
  • new Set()的基础用法(ES6)
    1、什么是Set()Set是es6新增的数据结构,似于数组,但它的一大特性就是所有元素都是唯一的,没有重复的值,我们一般称为集合。Set本身是一个构造函数,用来生成Set数据结构2、......
  • 学习现代 JavaScript (ES6+) 的基础知识
    学习现代JavaScript(ES6+)的基础知识您应该在代码中开始使用的10个现代功能您可能已经知道JavaScript是一种功能丰富的编程语言,每次更新都会不断增强。有很多事......
  • es6中箭头函数
    箭头函数相当于匿名函数,简化了函数定义。 箭头函数有两种写法,当函数体是单条语句的时候可以省略{}和return。另一种是包含多条语句,不可以省略{}和return。 特点箭......