美文网首页Web前端之路
Javascript高级程序设计

Javascript高级程序设计

作者: baby熊_熊姐 | 来源:发表于2017-03-13 00:20 被阅读93次

    变量、作用域和内存问题

    基本数据类型:简单的数据段,主要是Undefined、Null、Boolean、Number和String,按值访问,可以操作保存在变量中的实际值。

    引用类型:指可能由多个值构成的对象,引用类型的值是保存在内存中的对象,Javascript不允许直接访问内存中的位置,在操作对象时,实际是在操作对象引用而不是实际的对象。

    动态属性差异:只能给引用类型动态的添加属性。不能给基本类型添加属性和方法。

    复制值差异:基本类型复制的值相互之间没有影响,对象复制值,是引用类型值,相当于指向内存中值的指针,改变其中一个的变量就会影响另一个变量。

    传递参数:访问变量有按值和按引用两种,而参数只能按值传递

    检测类型 typeof instanceof

    执行环境和作用域链

    当执行环境进入一个函数时,函数的环境就会被推入一个环境栈中,而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。

    当代码在一个环境执行时会创建一个作用域链,作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。内部函数可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数。

    没有块级作用域

    垃圾收集

    Javascript具有自动垃圾收集机制。标记清楚和引用计数策略,DOM对象与原生javascript对象之间创建的额循环引用,DOM将永远不会回收,容易导致内存泄漏。可以在不使用时,手动断掉原生javascript与DOM对象的循环,如myObject.element = null; element.someObject = null;

    Array.isArray() 确定某个值是不是数组

    数组排序,sort()默认按升序排列,默认-1,反转排序reverse()

    数组方法:push /pop/unshift/shift  操作方法concat/splice/lastIndexOf/indexOf 迭代方法every/filter/forEach/map/some,参数(item,index,array) 归并方法reduce/reduceRight

    正则表达式,所有原字符都需要转义 包含( [ { \ ^ $ | ) ? * + . ] }

    函数是对象,函数名是指针,要访问函数的指针而不执行的话,可以去掉函数执行后的圆括号

    arguments.callee 指向拥有arguments对象的函数 argments.caller指向调用当前函数的函数,即外部函数,这两个方法在严格模式下不能使用。

    函数的属性和方法

    每个函数都包含两个属性:length和prototype, length记录该函数希望接收的参数个数。arguments.length表示实际接收的参数个数。

    每个函数都包含两个非继承而来的方法:apply() 和 call(),这两个方法的用途都是在特定的作用域中调用函数,等于设置函数体内的this对象的值。apply接收两个参数,一个是在其中运行的作用域,另一个是参数数组。

    call 与 apply方法作用相同,区别在于第二个参数的形式,call必须逐个列出来。

    bind()方法,会创建一个函数的实例,其this值会被绑定传到bind()函数的参数值。

    var sayColor.bind(o);

    数字类型

    toFixed() 按照指定的小数位返回数值的字符串表示。

    toExponential()返回指数表示法(e)参数表示指定输出结果的小数位数。

    toPrecision(),返回指定有效数字个数的十进制数字形式的字符串,如Math.PI.toPrecision(2), 3.1.

    String类型

    chartAt(),接收一个字符位置,返回对应的字符,chartCodeAt()返回的是对应位置的字符编码

    slice/substr/substring。

    match(/正则/),返回第一项是和整个模式匹配的字符串,之后的每一项保存着捕获数组匹配的字符串

    search(/正则/),返回第一个匹配项的索引,没有找到,则返回-1

    replace(/正则或其他/, function(match,pos, originalText){}),替换,$n匹配第n个捕获数组的字符串

    split(“,”, 2)将字符串分割成数组,第二个参数指定字符串的项数。

    面向对象的程序设计

    isPrototypeof() hasOwnProperty()检测属性是存在于实例中还是原型中。

    实例的指针仅指向原型而不指向构造函数。重写整个原型对象切断了现有原型与之前任何已经存在的对象之间的联系,他们引用的依然是最初的原型。重新部分不会。

    构造函数问题:函数在每个实例中创建,或函数在全局中创建不合适。

    原型对象问题:对包含引用类型值的属性来说,任何实例的修改都会反映在所有实例上。

    组合使用构造函数和原型模式:构造函数用于定义实例属性,而原型模式用于定义方法和共享属性。

    借用构造函数:call,apply,可以在子类型构造函数中向超类型传递参数,问题同构造函数。

    组合继承:使用原型链实现对原型属性和方法的继承,通过借用构造函数实现对实例属性的继承。问题在于会调用两次超类型构造函数

    function SupType(name, age) {

    //继承属性

    SuperType.call(this, name);

    this.age = age;

    }

    原型式继承:借助原型在已有对象和上创建对象。

    function object(o) {//规范后为Object.create()

    function F() {};

    F.prototype = o;

    return new F();

    }

    寄生组合式继承:借用构造函数来继承属性,通过原型链的混成形式来继承方法,不必为了之类的原型而调用超类的构造函数。

    function inheritPrototype(subType, superType) {

    var prototype = Object(superType.prototype);//创建超类型原型副本

    prototype.constructor = subType;//增强对象

    subType.prototype = prototype;//指定对象

    }

    其他

    Math.min(1, 2, 3, 4)

    数组借用Math方法

    var arr = [1, 2, 3, 4]

    var min = Math.min.apply(Math, arr)

    相关文章

      网友评论

        本文标题:Javascript高级程序设计

        本文链接:https://www.haomeiwen.com/subject/wezxnttx.html