js看代码, 写运行结果

1.箭头函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var str = 'window';
        const obj={
            str:'obj',
            fn:()=>{
                console.log(this.str);
            },
            fn2:function(){
                console.log(this.str,'当前')
                return {
                    str:'newObj',
                    fn:()=>{
                        console.log(this.str)
                    }
                }
            }
        }


        obj.newFn = ()=>{
            console.log(this.str)
        }
        obj.fn()
        obj.newFn()
        var newObj = obj.fn2()
        newObj.fn()



var str = 'window';
const obj={
    str:'obj',
    fn:function(){
        console.log(this.str);
    },
    fn2:function(){
        console.log(this.str,'当前')
        return {
            str:'newObj',
            fn:function(){
                console.log(this.str)
            }
        }
    }
}


obj.newFn = function(){
    console.log(this.str)
}
obj.fn()
obj.newFn()
var newObj = obj.fn2()
newObj.fn()

    </script>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 你不懂JS：ES6与未来 第二章：语法（中）
    官方中文版原文链接 感谢社区中各位的大力支持，译者再次奉上一点点福利：阿里云产品券，享受所有官网优惠，并抽取幸运大...
    HetfieldJoe阅读 7,944评论 0赞 16
  • 论普通函数和箭头函数的区别以及不该使用箭头函数的场景
    箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发...
    OBKoro1阅读 7,734评论 1赞 10
  • JS CORE
    第一章 错误处理: 错误: 程序运行过程中，导致程序无法正常执行的现象(即bug) 现象: 程序一旦出错，默认会报...
    fastwe阅读 4,840评论 0赞 1
  • JavaScript(ES6) - 函数的扩展
    函数参数的默认值 基本用法 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 8,884评论 0赞 1
  • 与成，我的男神
    每每提起男神，我第一个想起来的就是你。在我心里，你是一个阳光帅气又多才多艺，然后坚强无比，有些幽默，却总是知道...
    清依依阅读 4,276评论 11赞 14