ES6学习

原创：转载需注明原创地址 https://www.cnblogs.com/fanerwei222/p/11790492.html

 

ES6学习:

1. export 写法

    export default function hello1(){} //默认输出,import的时候不需要大括号,一个模块只能有一个默认输出;

    import hello1 from 'hello1Module';//引入一个模块的函数或者其他的东西,后面的hello是一个模块;

    export function hello2(){} //输出指定模块,import的时候需要大括号;

    import {hello2} form 'hello2Modul';//引入,需要加大括号;

2. import json
    
    import nameJson from 'name.json';//在当前类中用nameJson的名称代替name.json文件;

3. let
    
    let name = 'hello';// 该name变量只在name所属的代码块起作用;

4. window 
    
    window.varName = 'fanwei';//定义一个全局变量varName;

5. $ 

    $(document).ready(function(){});

    $().ready(function(){});

    $(function(){}); //三种写法作用相同, 都是在DOM结构加载完之后开始运行该函数;

6. const

    const name = 'fanwei';//const 定义的变量不能修改,而且必须初始化;

7. $(window).scroll(function(){}

    //鼠标滚动之后执行方法体里面的代码

8. document.onkeydown=function(ev){}

    //鼠标点击下来时候的触发事件

9. =

    //如果是原始数据传递的是值,如果是引用对象的话传递的是引用;

10. (function($){}(jQuery))

    //jQuery为实参的匿名函数

11. window.parent

    //返回父窗口

12. $(window).on("load",function(){

　　    //页面属性，图片，内容完全加载完，执行
    }

13. append()

    $('#parent').append("<p> 我是子元素 </p>");//在父级元素最后追加子元素

14. $("<p></p>");

    //jquery参数除了是选择器，还可以是是dom对象和html字符串，html字符串就是在内存中生成新的dom，你要显示需要添加到dom树中才行;

15. if(!xxx);

    var xx = null;
    function hello (){
        if(!xx){
            console.log(xx);//将打印出null; !xx就是当xx为 0、-0、null、""、false、undefined 或者 NaN时, 就把xx当成了false来看, !false自然就是true了;
        }
    }

16. newWindow.focus();

    //新打开的newWindow窗口获得焦点,一般是同时打开多个窗口,然后需要能够最先获得哪个窗口的焦点;