javaScript系列 [01]-javaScript函数基础

 1 //01 函数声明
 2 //函数名称为：f1,a和b为该函数的形式参数（形参）
 3 function f1(a,b) {
 4     return a + b;
 5 }
 6 //02 字面量创建函数
 7 //使用字面量创建匿名函数并赋值给f2,可以通过f2来调用,a和b为该函数的形式参数（形参）
 8 var f2 = function (a,b) {
 9     return a + b;
10 };
11 //03 构造函数创建
12 //f3函数为Function这个构造函数的实例化对象，如果不传递参数，那么创建出来的函数没有任何用处。
13 //在创建实例对象的时候我们可以通过参数列表的方式来指定f3的结构。
14 //构造函数的参数中最后一个参数为函数体的内容，其余均为函数的形参。
15 var f3 = new Function("a","b","return a + b");
16 //函数的调用
17 console.log(f1(1,2));    //3
18 console.log(f2(1,2));    //3
19 console.log(f3(1,2));    //3

1 //函数声明
2 function fn(n1,n2) {
3     //函数体的内容
4     return n1 + n2; //返回值
5 }

1    var o = {};
2    var f = function () {};
3    console.log(typeof o);      //object
4    console.log(typeof f);      //function

1 //字面量方式创建普通的对象
2 var o = {name:"文顶顶",age:"18"};
3 //关于普通对象的结构研究
4 console.log("① 打印o对象\n",o);
5 console.log("② 打印o.__proto__\n",o.__proto__);
6 console.log("③ 打印o.__proto__ === Object.prototype\n",o.__proto__ === Object.prototype)
7 console.log("④ 打印o.constructor\n",o.constructor);
8 console.log("⑤ 打印o.constructor === Object\n",o.constructor === Object);

 1 //使用构造函数Function 来创建函数(对象)
 2 var f = new Function("a","b","return a + b");
 3 //调用函数，证明该函数是合法可用的
 4 console.log(f(2, 3));  //得到打印结果5
 5 //关于函数对象的结构研究
 6 console.log("① 打印函数对象\n",f);
 7 console.log("② 打印f.__proto__\n",f.__proto__);
 8 console.log("③ 打印f.__proto__===Function.prototype\n",f.__proto__===Function.prototype);
 9 console.log("④ 打印f.constructor\n",f.constructor);
10 console.log("⑤ 打印f.constructor === Function\n",f.constructor === Function);
11 //注意
12 console.log(f.hasOwnProperty("constructor"));   //检查constructor是否为函数f的实例成员(false)
13 console.log(f.__proto__.hasOwnProperty("constructor")); //true

 1 //说明：下面三行代码表明Function的原型对象指向一个空函数
 2 console.log(Function.prototype);  //ƒ () { [native code] }  是一个空函数
 3 console.log(typeof Function.prototype); //function
 4 console.log(Object.prototype.toString.call(Function.prototype));  //[object Function]
 5 //检查Function.prototype的原型链结构
 6 //Function.prototype是一个空函数，是一个对象，而对象均由构造函数实例化产生
 7 //检查Function.prototype的构造函数以及原型对象
 8 console.log(Function.prototype.constructor  === Function);
 9 //注意：按照一般逻辑实例对象的__proto__(原型对象)应该指向创建该实例对象的构造函数的原型对象
10 //即此处应该表现为Function.prototype.__proto__--->Function.prototype.constructor.prototype
11 //似乎可以得出推论：Function.prototype.__proto__ === Function.prototype == 空函数 但这是错误的
12 console.log(Function.prototype.__proto__ === Object.prototype);

function f(){ //......}  //声明函数
//函数声明被创建后，默认拥有prototype属性--->原型对象（空对象）