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

    var obj = new Object();
//向对象里面添加属性或方法
obj.name = 'nzc';
obj.age = ;
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 ,注意:[]内需要加双引号再加属性名才能得到相应对象属性的属性值(即里面值为String类型),否则会报错

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.变量声明提前与函数声明提前优先级问题【当变量名和函数名相同冲突时】

解释一:函数声明通常置于javaScript的最顶端【即函数声明优先级最高】

eg:

    console.log(test);  //[Function test]
function test(){}
var test = 123;
console.log(test); //

过程解析:

 function test(){}
    console.log(test);   //[Function test]
    test = 123;
    console.log(test);  //123

说明:函数声明置于顶部,后面若有相同变量声明初始化则其将不再声明直接使用初始化的值覆盖test函数

解释二:变量声明优于函数声明【即变量声明优先级最高】
eg:

    console.log(test);  //[Function test]
function test(){}
var test = 123;
console.log(test); //

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

说明:变量先声明后再函数声明,函数声明将变量声明覆盖了,后面test为函数

注意:

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

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

2、函数的内部属性【只有在函数内部才能访问的属性】
a、arguments属性:
arguments是类数组对象,包含着传入函数中的所有参数;
arguments对象还有一个callee的属性,用来指向拥有这个arguments对象的函数,可以使用arguments.callee代替该函数名来使用
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

调用方式:
        test();   globel对象
        test.call(Object,[参数列表]);
          Object:   this指向对象
          [参数列表]   test()方法携带的参数

test().apply(Object,[参数数值])
          [参数数组]  test()需要携带的参数组合成的数组

test.bind(Object)(参数列表)   //更改了函数中this指向的对象并传递了参数且会执行
        test.bind(Object,参数列表)()  //只是更改了函数中this指向的对象,函数不会执行   换回的是函数    后面还需要调用执行来执行它

3、构造函数和原型和实例间的关系

每一个构造函数都有一个原型对象
   Object.prototype.constructor === Object;
实例是通过构造函数创建出来的,实例可以调用构造它的构造函数对应的原型对象中的属性和方法
  obj.toString === Object.ptototype.toString
       Object.prototype.isPrototypeof(obj)

js对象及函数(四)的更多相关文章

  1. js对象工厂函数与构造函数

    转自:http://www.cnblogs.com/Jener/p/5920963.html ★概述:         使用对象字面量,或者向空对象中动态地添加新成员,是最简单易用的对象创建方法.然而 ...

  2. js 对象与函数的区别

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  3. JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype

    一)函数 A)JS中的函数的定义格式: function add(a,b) { var sum = a+b; document.write("两个数的和是:" + sum); // ...

  4. js中的函数,Date对象,Math对象和数组对象

    函数就是完成某个功能的一组语句,js中的函数由关键字 function + 函数名 + 一组参数定义;函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰. ...

  5. 精读JavaScript模式(四),数组,对象与函数的几种创建方式

    一.前言 放了个元旦,休息了三天,加上春运抢票一系列事情的冲击,我感觉我的心已经飞了.确实应该收收心,之前计划的学习任务也严重脱节了:我恨不得打死我自己. 在上篇博客中,笔记记录到了关于构造函数方面的 ...

  6. JS组件系列——表格组件神器:bootstrap table 包含了js对象的定义和对象成员函数的定义

    前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...

  7. 超全面的JavaWeb笔记day03<JS对象&函数>

    1.js的String对象(****) 2.js的Array对象 (****) 3.js的Date对象 (****) 获取当前的月 0-11,想要得到准确的月 +1 获取星期时候,星期日是 0 4.j ...

  8. Js对象转String的函数 和 JSON转String

    js对象转string的函数 function obj2str(o){ var r = []; if(typeof o =="string") return "" ...

  9. js创建对象的三种方法:文本标识法和构造器函数法和返回对象的函数

    文本标识法和定义变量差不多,像这样 var obj = {name:'HanMM','2':'Dali'}; 函数构造器法  先创建一个对象函数 function Obj() { this.addre ...

随机推荐

  1. Default Activity Not Found解决方法

    2018年04月07日 17:22:44 Luckily_Liu 阅读数 13573更多 分类专栏: android   版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上 ...

  2. 图解 https 单向认证和双向认证!

    来源: 一.Http HyperText Transfer Protocol,超文本传输协议,是互联网上使用最广泛的一种协议,所有WWW文件必须遵循的标准.HTTP协议传输的数据都是未加密的,也就是明 ...

  3. Redis 启动 Please see the documentation included with the binary distributions for more details on the --maxheap flag.

    启动redis的时候,出现 主要就是说 没有足够的可用的空间,可以使用maxheap减少redis堆的大小.或者重启系统对系统分页文件进行碎片整理. 解决方法就是在启动的时候加个  --maxheap ...

  4. 【GMT43智能液晶模块】例程十九:LAN_DHCP实验——动态分配IP地址

    源代码下载链接: 链接:https://pan.baidu.com/s/19Euul9LYFKYdKdXTRBfx5w 提取码:p6k8 复制这段内容后打开百度网盘手机App,操作更方便哦 GMT43 ...

  5. Qt开发经验小技巧41-50

    如果使用sqlite数据库不想产生数据库文件,可以创建内存数据库. QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE"); ...

  6. intellij查找接口的实现类

    拿MyBatis的SqlSession为例 第一步:先找到这个接口 第二步:右击选择 再选择 第三步: 会得到如下 右击Closeable,因为SqlSession实现了它,选择Show Inplem ...

  7. Kubernetes 使用 Weave Scope 监控集群(十七)

    目录 一.安装 二.使用 Scope 2.1.拓扑结构 2.2.在线操作 2.3.强大的搜索功能 创建 Kubernetes 集群并部署容器化应用只是第一步.一旦集群运行起来,我们需要确保一起正常,所 ...

  8. java修改文件所有者及其权限

    1.设置所有者 管理文件所有者 Files.getOwner()和Files.setOwner()方法 要使用UserPrincipal来管理文件的所有者 (1)更改文件的所有者 import jav ...

  9. 【C/C++开发】模板类

    1.模板的概念 我们已经学过重载(Overloading),对重载函数而言,C++的检查机制能通过函数参数的不同及所属类的不同.正确的调用重载函数.例如,为求两个数的最大值,我们定义MAX()函数需要 ...

  10. Oracle中恢复drop掉的表中的数据

    今天同事不小心把生产上的一张表直接drop掉了,没有做备份,哥们慌的一匹,来找我这个小白来帮忙解决,于是心血来潮简单总结一下. 其实在oralce中,用drop删掉一张表,其实不会真正的删除,只是把表 ...