阅读摘录《javascript 高级程序设计》01

  


前言:

    因为工作需要,所以开始主攻前台JS方面的技术。在以前的工作中,使用过这门脚本语言。但是都是比较凌乱的,用到什么学什么,只是为了实现业务,而去使用。

    不会考虑到代码优化,封装对象等。今次特意借了这本《javascript 高级程序设计》 ,在每个晚上抽出一个小时来看这本纸质书,系统的学习这门语言。

    本文中摘录的都是一些在阅读中,感觉比较重要的信息。如果文中出现差错,欢迎园友拍砖。 


摘录:    

数据类型
 
undefined  使用var声明 但未对其初始化
 
Null null值  
 
Boolean  布尔型
 
Number 整数 浮点  parseInt("10",2)  parseFloat
 
String  字符串   toString()
 
Object 对象 :
 
构造函数  new Object()   
 
hasOwnProperty(propertyName) 实例中是否有给定的属性
 
isPrototypeof(object) 传入对象是否是另一个对象的原型
 
propertyIsEnumerable 
 
toString()
 
valueof()
 
/////////////////////////////////////////////////////////////
 
typeof() 函数结果(undefined boolean  string  number object function)
 
 
 
操作符
 
for-in:精确迭代语句,枚举对象属性
 
for(var propName in object){
 
     alert(propName):
}
 
 
函数
 
参数名:非必须 有内置参数数组 arguments
 
function say(){
 
     alert(argumenyt[0+" "+argument[1]);
}
 
say("jon","22");
 
变量 作用域和内存
 
基本类型:保存在栈内存的简单数据段,该值被完全保存在内存中       typeof()
 
引用类型:堆内存中的对象,变量中保存的只是指针 指向该内存中的值   object instanceof array   
 
 
垃圾回收机制
 
标记清除
 
引用计数
 
 
引用类型
 
var person = new Object()
person.name = "lili";
person.age="12";
 
var person = {name:"lili",agr:12 };
 
array类型
 
var color = new Array(3); //创建出长度为3 的数组
 
var color = new Array("red","yellow","blue");
 
var color = ["red","yellow","blue"];
 
数组下的toString()  toLocaleString()  该两个方法默认会调用数组下每项的toString()方法
 
若toLocaleString()被重写,则调用重写后的toLocaleString()
 
 
数组下的push() 及pop()方法。
 
push() 将项推入数组中,并返回数组的count
 
pop() 取到数组的最后一项  count值被减少
 
 
 
数组重排序reserse() sort()
 
reserse()  将数组进行反转
 
sort() 调用每项的toString()方法  然后按照升序排列数组
 
 
 
concat()  将数组进行合并
 
引用类型:函数内部属性
 
函数内部有两个特殊对象 arguments 和 this 
 
arguments 包含了函数中所有的传入参数,该对象包含了callee属性,指向拥有arguments的函数
 
例如例子 
function as(num){
 
     if(num>1){
 
          as(num -1);
     }else{
 
          break;
     }
          
}
可消除函数体与函数名的耦合度
 
function as(num){
 
     if(num>1){
 
          arguments.callee(num -1);
     }else{
 
          break;
     }
          
}
 
this 引用的是函数据以执行操作的对象 或者说函数在执行时的作用域
 
window.color = "red";
 
var o = {color:"blue"};
 
function sayColor(){
 
     alert(this.color);
}
 
sayColor();  red
 
o.sayColor = sayColor;
 
o.sayColor();  blue
 
 
函数属性和方法
 
ECMAscript 中的函数也是对象  因此函数也有属性和方法
 
每个函数包含了两个属性 
 
length:函数希望接受的命名参数的个数
 
prototype:
 
函数自带两个方法,可在特定作用域中调用函数

apply() :需要传入两个参数; 一个是函数运行的作用域。 另一个是传入参数的数组(or array or arguments对象)

call(); 一个是函数运行的作用域  而后剩下的参数是必须一一列举

此二者方法可以相同效果 可以根据实际参数来选择调用

而通过该函数的调用 可以扩充函数运行的作用域.实际上函数改变了this的值

window.color = "red";
   
    var o = {color :"blue"};
   
    function sayColor(){
   
           alert(this.color);
    }
   
   
    sayColor();   //red
   
    sayColor.call(this); //red  
   
    sayColor.call(window); //red
   
    sayColor.call(o); //blue

 
 
     内置对象

global对象 作为ECMAScript的终极对象,从任何角度看 都不存在。但是不属于任何其他对象的属性和方法  最终都是它的属性和方法
   
    isNaN()  isFinite()  parseInt()  parseFloat()
   
    1. 编码方法  
   
         encodeURI()   不会对本身属于URI的特殊字符进行编码

 
         encodeURIComponent() 会将对应编码替换所有非字母数字字符
 
     2.eval() 执行ECMAScript字符串
 
     eval("alert('hi')");  等价于 alert('hi')
 
     当解析器发现调用eval() 方法时 会将传入的参数 当成ECMAScript来解析 然后将执行结果插入到原位置
 
     通过eval()执行的代码被认为是包含该次调用的执行环境的一部分,因为有执行环境相同的作用域。
 
 

 
 
上一篇:《JavaScript高级程序设计》学习笔记(3)——变量、作用域和内存问题


下一篇:读javascript高级程序设计00-目录