JavaScript学习总结笔记之命名空间、对象枚举、arguments.callee && fn.caller

前言
JavaScript总结笔记篇仅是记载本人学习过程中的一些总结,为了梳理一下知识点,督促自己不断加强学习。文中有些是源自官网,有些是搜集资料,有些是个人观点,难免存在某些知识点疏漏或者是有错误的地方,如果错误之处,希望看到的小伙伴能及时提个醒,避免误导其他小伙伴,也希望我的总结能帮助到正在学或者是将要学习JavaScript的小伙伴们!大家一起努力,早日成为IT界的大神!

一、命名空间

(一)作用:模块化开发,防止污染全局
   
        var name = "durian";
        var init = (function () {
            var name = "mango";
            
            function eat () {
                console.log(name);
                // name结果为mango.不会污染全局变量。
            }

            return function () {
                eat();
            }
        } ())

        init();

二、对象枚举

(一)for in 循环
    <script>
        var  obj = {
            name : 'xu',
            age : 20,
            sex : 'nv'
        }

        for(var prop in obj){
            console.log(prop + " " + typeof(prop));
        }
    
    </script>

(二)for in 不仅能遍历数组 还能遍历对象

var arr = [];
for(var prop in arr){
arr[prop]; //这里的prop代表索引位
}
*要想访问对象中的属性值,可以通过以下方法


    <script>
        var  obj = {
            name : 'xu',
            age : 20,
            sex : 'nv'
        }

        for(var prop in obj){
            console.log(obj[prop]); //返回结果为 'xu',20,'nv'
        }

     注意:项目实际开发过程中访问对象中的属性值可能会写成 obj.prop ,这时系统会识别
成obj['prop'],结果为undefined。这是因为系统会将'prop'识别成一个对象中的属性,而对象中
没有,所以返回结果为undefined;

    </script>



        var obj = {
            name : "abc"
        }
        // 获取name值
        obj.name ——》 obj['name']

(二)hasOwnProperty

hasOwnProperty() 方法用来检测一个属性是否是对象的自有属性,而不是从原型链继承的。如果该属性是自有属性,那么返回 true,否则返回 false。换句话说,hasOwnProperty() 方法不会检测对象的原型链,只会检测当前对象本身,只有当前对象本身存在该属性时才返回 true。
备注:问题待解决

(三)in

in操作符用来判断某个属性属于某个对象,可以是对象的直接属性,也可以是通过prototype继承的属性。

(三)instanceof
function Person(){
    }
var person = new Person();
person  instanceof Person  //true
A instanceof BA的原型链上   有没有B 的原型(可以区分数组和对象)

[] instanceof Array
//true

var obj = {};
obj instanceof Array
//false

三、arguments.callee && fn.caller(函数自身的方法)

(一)arguments.callee

指向函数自身引用

        var num = (function (n) {
            if (n == 1) {
                return 1;
            }
            return n * arguments.callee(n - 1);
        }(10))
(二)fn.caller(函数自身的方法)

谁调用的就指向谁

        function test () {
            demo();
        }

        function demo () {
            console.log(demo.caller); //fn test() 
        }    

        test();

文章持续更新中,敬请关注,谢谢阅读!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值