JavaScript学习笔记5 引用类型

• Object类型
• Array类型
• Date类型
• RegExp类型
• Function类型
  
  • 没有重载（深入理解）
  • 函数声明与函数表达式
  • 作为值的函数
  • 函数内部属性
  • 函数属性和方法
    
    • length和prototype
    • apply() 和call() (能够扩充函数运行的作用域)
    • bind()
    • toLocaleString()、toString()和valueOf()
• 基本包装类型
• 单体内置对象
• 小节

Function类型

函数的属性和方法

    /**
     * 函数的属性和方法
     * 在ECMAScript 中函数是一个对象，因此有属性和方法。
     * 每个函数都包含两个属性：length和prototype。
    */  

length和prototype

    /**
     * 
     * length:表示希望接收的命名参数的个数 
     * prototype:保存函数实例和方法。 例如toString()和valueOf()等方法实际上
     * 都保存在prototype名下，只不过通过对象的实例访问罢了。
     * prototype 在创建自定义类型（java中的类），和实现继承时作用巨大。（第6章详细介绍）
     * ECMAScript5中 prototype属性不可枚举，无法用for-in发现
     */
            /**
             * length example
             */

            function f1(param1){

            }
            function f2(param1,param2){

            }
            function f3(){

            }
            console.log('f1.length='+f1.length+',f2.legnth='+f2.length+',f3='+f3.length);
            //f1.length=1,f2.legnth=2,f3=0

apply() 和call()

            /**
             * apply() 
             * call()
             * 用途：在特定作用域中调用，用于设置函数体内this对象的值
             */

            /**
             * apply(param1,param2)
             * param1  在其中运行函数的作用域
             * param2 参数数组
             */
            function sum (num1,num2) {
                return num1+num2;
            }

            function callSum1 (num1,num2) {
                return sum.apply(this,arguments)
            }
            function callSum2 (num1,num2) {
                return sum.apply(this,[num1,num2])
            }
            console.log(callSum1(10,10))//20
            console.log(callSum2(10,10))//20

            /**
             * call() 与 apply 作用相同，区别仅在于接收参数的方式不同
             */
            function callSum (num1,num2) {
                return sum.call(this,num1,num2)//使用call必须明确地传入每一个参数
            }
            console.log(callSum(10,10))//20  返回的结果没有不同

            /**
             * 如何选择apply or call （给函数传参数方便就选哪个）
             * 如传入arguments 或一个数组  用apply 方便
             * 否则用call方便
             * 不传参数都一样
             */

            /**apply and call 真正强大的地方是：能够扩充函数运行的作用域
             * 
             */
            window.color='red';
            window.color2='ssss';
            var o={
                color:'blue'
            }
            function sayColor () {
                console.log(this.color+','+this.color2)

            }
            //作为全局函数定义，在全局作用域中调用它。this.color会转换成对window.color的求值
            sayColor();//red
            //显式地在全局作用域中调用
            sayColor.call(this)//red
            sayColor.call(window)//red
            //函数执行环境指向o 
            sayColor.call(o)//blue

            /**
             * 好处：使用call() apply()来扩充作用域 ，对象不需要与方法有任何耦合关系。
             */

bind()

            /**
             * bind() 这个方法会创建一个函数的实例，其this值会被绑定到
             * 传给bind()函数的值
             * 这种技巧有点参考JavaScripts高级程序设计22章
             */
            //创建sayColor 函数实例  作用域绑定到o
            var objectSayColor=sayColor.bind(o);
            //无论在哪里调用，objectSayColor作用域都是o
            objectSayColor()//blue

toLocaleString()、toString()和valueOf()

            /**
             * 每个函数继承的toLocaleString()和toString()方法始终都返回函数
             * 的代码，返回代码格式因浏览器而异，所以返回的信息（代码）仅
             * 适用于调试。
             * 另外一个继承的valueOf()方法同样也只返回函数的代码。
             */