码迷,mamicode.com
首页 > Web开发 > 详细

js对象及函数(四)

时间:2019-07-11 20:08:20      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:变量声明   对象   col   for   window   undefined   表达式   函数对象   之间   

一、对象
1、函数对象的创建
方法一:使用new构造函数去创建构造函数对象
eg:

    var obj = new Object();
    //向对象里面添加属性或方法
    obj.name = nzc;
    obj.age = 21;
    obj.sayName =  function(){}

方法二:使用对象字面量来声明对象

    var obj = {
        name:"nzc",
        age:21,
        gender:‘男‘,
        sayName: function(){}
    };

   
2、对象中属性和方法的调用:
a.使用.来调用对象中的属性和方法
eg:

    console.log(obj.name); //输出为 nzc
    console.log(obj.id); //输出为 undefined  调用对象中不存在的属性会返回undefined。
    obj.sayName();  //调用obj对象的sayName()方法
    console.log(obj.sayName);  //输出为 [Function]

b.使用[‘属性名‘]来调用对象的属性
eg:

    console.log(obj[‘name‘]);  //输出为 nzc ,注意:[]内需要加字符串再加属性名才能得到相应对象属性的属性值,否则会报错


3、对象中的属性
a.对象中属性值可以为任意类型【可以为object、array等类型值】
b.对象中属性值的遍历方法:
for-in 循环遍历
eg:

    for(key in obj){
        console.log(key+‘:‘+obj[key]);    //单词执行输出格式为:name:nzc  ,然后循环则会遍历对象
    }    

obj为需要遍历的对象,key为依次遍历对象的属性名【string类型】,obj[key]获取相应对象属性属性值
c.对象中属性的删除

     delete obj.name;    //删除obj对象中的name属性


4、js对象与JSON字符串间的相互转化
a.js对象转化为JSON字符串

    JSON.stringify(obj);  //将obj对象转化为JSON字符串

b.JSON字符串转化为js对象

    JSON.parse(str);  //将JSON str字符串转化为一个对象

   
二、函数
1.函数的声明:
方法一:

    function test(){
        console.log(‘test‘);
        return 1;  //函数返回值,看需要情况是否写该语句
    }

方法二:  【function(){}  匿名函数(立即执行函数IIFE)

    var test = function(){
        console.log(‘test‘);
    }

函数体中return语句后面的函数将不会执行【return;  为函数结束语句


2.函数的调用(使用)
a.基本函数的调用

    test();  //函数名()
    var result = test();  //将函数test()返回值赋值给result

b.匿名函数的调用

    (function(){})();    //(匿名函数体)()


三、变量与函数的声明提前
1、声明提前
a.变量的声明提前
在声明变量的前面使用该变量返回undefined
eg:

    console.log(a);  //undefined  而不是提示 a is not defined.
    var a = ‘hello!!!‘

b.函数声明提前
函数调用可以写在函数声明前面【函数声明提前】
eg:

    test();
    function test(){
        console.log(‘我是test()函数方法‘);
    }    

c.变量声明提前会优先于函数声明提前(即:声明提前函数在变量后面)【特别注意变量名和函数名相同时】
eg:

    console.log(test);  //[Function test]  说明是变量提前优于函数提前,变量被函数所覆盖
    function test(){}
    var test = 123;
    console.log(test);  //123

过程解析:
    var test;
    function test(){}
    console.log(test);
    test = 123;
    console.log(test);  //123


注意:当变量名和函数名相同时且变量名初始化了【变量赋予了值】,
与该变量名相同的函数名方法将会失效【其实是该函数无法被调用了】
如上面例子所示:使用test();调用函数其无法识别【它会认为是123(),会提示test不是一个变量】;


函数表达式形式不符合上面这些说法:
函数表达式形式:
    var test = function(){}
使用函数表达式本质上是变量之间的比较和变量提前声明再按照顺序执行初始化操作,再进行赋值覆盖。

2、函数的内部属性【只有在函数内部才能访问的属性】
a.arguments属性:
arguments是类数组对象,包含着传入函数中参数;
arguments对象还有一个callee的属性,用来指向拥有这个arguments对象的函数
eg:

     //arguments存放的是实参列表,类数组对象,length属性代表存放的实参个数,callee属性代表函数
    //对1,2,34,12,155,22,4进行累加
    function add(a,b){
            console.log(arguments); //类数组对象:{ ‘0‘: 1, ‘1‘: 2, ‘2‘: 34, ‘3‘: 12, ‘4‘: 155, ‘5‘: 22, ‘6‘: 4 }
            var total = 0;
            for(var i=0;i<arguments.length;i++){
                    //console.log(arguments[i]);
                    total += arguments[i];
            }
            return total;
    }
    var result = add(1,2,34,12,155,22,4);
    console.log(result);  //输出为:230


    //递归阶乘(arguments.callee的使用)
    function mul(num){
            //console.log(arguments.callee); //函数在自身函数内部调用自身使用arguments.callee代替函数名
            if(num>1){
                    return num*arguments.callee(num-1);
            }else{
                    return 1;
            }
    }

    var result = mul(5);
    console.log(result); //计算出5的阶乘结果:120

b.this属性:
指向的是函数赖以执行的环境对象【指向当前函数的作用域
eg:

    //this指向当前函数的作用域
    function test(){
     console.log(this);  //global全局对象,在node.js环境中;  如果测试环境是浏览器,指向的是window对象
    }
    test();

    var obj = {
        name:‘nzc‘;
        age:21;
        sayName:function(){
        console.log(this.name);  //this指向调用该方法的对象
        }
    };
    obj.sayName();  //nzc
    

js对象及函数(四)

标签:变量声明   对象   col   for   window   undefined   表达式   函数对象   之间   

原文地址:https://www.cnblogs.com/nzcblogs/p/11172101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!