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()方法同样也只返回函数的代码。 */