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

时间:2023-03-08 20:53:47

  


前言:

    因为工作需要,所以开始主攻前台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()执行的代码被认为是包含该次调用的执行环境的一部分,因为有执行环境相同的作用域。