ES6语法笔记

Pauline 21天前 ⋅ 34 阅读
        // 模板字符串 
        let title = "标题";
        let content = "内容";
        let str = `<table>
                <caption>佔位符:${title}</caption>
                <tr><td>使用變量:${content}</td></tr>
                <tr><td>調用方法:${method("hhh")} </td></tr>
                <tr><td>表達式:${ 1 + 2 } </td></tr>
                <tr><td>注意:兩邊不是引號 '  " </td></tr>
            </table>
        `;
        console.info(str);
        
        // for ... of 
        let arr = [1,2,3,4,6];
        for(let a of arr )
        {
            console.info(a);
        }

        // includes 判断是否包含某个字符串
        console.info(str.includes(title) )

        // startsWith endsWith
        console.info(str.startsWith("<table>"));
        console.info(str.endsWith("</table>"));
        
        // repeat 重複
        console.info(title.repeat(3));

        // 填充字符
        console.info(title.padStart(10, 0 ));
        console.info(title.padEnd(10, 0 ));

        // 參數默認值
        function method(param = "默認值"){
            console.info(param);
            return param;
        }
        method();

        // 動態參數
        function func(...args)
        {
            console.info(args);
        }
        func("第一個參數","第二個參數","...","第n個參數");

        // 簡化對象寫法 
        let obj = {
            title,
            content, 
            method,
            fun(){
                console.info("還可以直接定義函數");
                return 11;
            }
        }
        console.info(obj.title);
        console.info(obj.content);
        console.info(obj.method());
        console.info(obj.fun());

        // 箭頭函數
        let functionName = (a, b)=>{
            console.info(a, b);
        }

        functionName(1,2);

全部评论: 0

    我有话说: