JavaScript高级程序设计学习笔记（3）

最新推荐文章于 2022-11-22 17:53:31 发布

CJohnSnow

最新推荐文章于 2022-11-22 17:53:31 发布

阅读量199

点赞数

本文链接：https://blog.csdn.net/CJohnSnow/article/details/87715049

版权

1、
为了优化内存占用，一旦数据不再使用时，最好将其值设为null来释放引用（解除引用），适用于大多数全局变量和全局变量的属性，局部变量会在它们离开执行环境时自动解除引用。 function createPerson(name){
var localPerson = new Object();
localPerson.name = name;
return localPerson;
}
var globalPerson = createPerson(“Kalus”);
alert(globalPerson.name);

    globalPerson = null;//不需要它时手动解除，解除值的引用并不意味着自动回收该值所占用的内存，真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其收回。  6、数组中的栈方法push()和pop()push()方法可以接受任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()方法是从数组末尾移除最后一项，减小数组的length值，然后返回移除的项。var arr = [];

numbers.forEach(function(item,index,array){
    //执行某些操作，没有返回值，本质上与for循环迭代数组一样
});  17、归并方法reduce()和reduceRight()都会迭代数组的所有项，然后构建一个最终返回的值，reduce()方法从数组第一项开始，reduceRight()方法从数组最后一项开始两个参数：在每一项上调用的函数、作为归并基础的初始值（可选）传给reduce()和reduceRight()的函数接收4个参数：前一个值、当前值、项的索引、数组对象，这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项（prev），第二个参数就是数组的第二项(curent)使用reduce()方法可以执行求数值中所有值之和的操作，如：var values = [1,2,3,4,5];
var sum = values.reduce(function(prev,cur,index,array){
    return prev + cur;
});
alert(sum);//15第一次执行上面回调函数时，prev是1，cur是2。第二次prev是3（1加2的结果），cur是3（数组第三项）。这个过程持续到把数组中每一项都访问一遍，最后返回结果。reduceRight()作用类似，只不过方向相反。 18、Function类型函数是对象，函数名实际上就是一个指向函数对象的指针。由于函数名仅仅是指向函数的指针，因此函数名与包含对象指针的其他变量没什么不同，换句话说，一个函数可能会有多个名字。如：  function sum(num1,num2){
   return num1 + num2;

}
alert(sum(10,10));//20 var anotherSum = sum;//将sum的值赋给anotherSum，注意不带圆括号的函数名是访问函数指针，而非调用函数
alert(anotherSum(10,10));//20 anotherSum和sum指向了同一函数 sum = null;
alert(anotherSum(10,10));//20 即使将sum设置为null，让它与函数断绝关系，但仍然可以正常调用anotherSum() 19、ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。不仅可以像传递参数一样把一个函数传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。 function callSomeFunction(someFunction,someArgument){//第一个参数应该是一个函数，第二个参数应该是要传递给函数的值
return someFunction(someArgument);
} function add(num){
return num + 10;
}
var result1 = callSomeFunction(add,10);
alert(result1);//20 function getGreeting(name){
return “Hello,” + name;
}
var result2 = callSomeFunction(getGreeting,“Kalus”);
alert(result2);//Hello,Kalus 从一个函数中返回另一个函数例：假设有一个对象数组，要根据某个对象属性对数组进行排序，而传递给数组sort()方法的比较函数要接收两个参数，即要比较的值。可是又需要一种方法来指明按照哪个属性进行排序，要解决这个问题就可以定义一个函数，它接收一个属性名，然后根据这个属性名来创建一个比较函数。 //一个函数接受一个属性名的参数，再根据这个属性名来创建一个比较函数
function createComparisonFunction(propertyName){
return function(object1,object2){
var value1 = object1[propertyName];//内部函数接收到propretyName参数后，使用方括号表示法来取得给定属性的值
var value2 = object2[propertyName];//(用点的时候，后面需要是一个指定的属性名称，用中括号的时候，括号里面可以是变量或者字符串)
if(value1 < value2){
return -1;
}else if(value1 > value2){
return 1;
}else{
return 0;
}
};
} var data = [{name: “Kalus”, age: 28}, {name: “Demon”, age: 29}];//定义了一个对象数组
data.sort(createComparisonFunction(“name”));
alert(data[0].name);//Demon
data.sort(createComparisonFunction(“age”));
alert(data[0].name);//Kalus函数属性和方法 20、函数属性和方法每个函数都包含两个非继承而来的方法：apply()和call()，用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。apply()方法接收两个参数：在其中运行函数的作用域、参数数组（也可以是Array的实例或arguments对象） call()方法和apply()方法作用相同，区别在于接收参数的方式不同，对于call()方法第一个参数仍是this，变化的是其余参数都直接传递给函数即使用call()，传递给函数的参数必须逐个列举出来。例： function sum(num1,num2){
return num1 + num2;
}
function callSum1(num1,num2){
return sum.apply(this,arguments); //传入了this作为this值（因为是在全局作用域中调用的，所以传入的就是window对象）argument对象
}
function callSum2(num1,num2){
return sum.apply(this,[num1,num2]);//传入的是this和一个参数数组
}
function callSum3(num1,num2){
return sum.call(this,num1,num2);//call()方法传递给函数的参数必须逐个列举出来
}
alert(callSum1(10,10));//20
alert(callSum2(10,10));//20
alert(callSum3(10,10));//20 在使用call()方法的情况下，callSum3()必须明确地传入每一个参数，结果与apply()相同如果参数打算传入arguments对象或者包含函数中先接收到的是一个数组，那么使用apply()更方便，否则使用call()更合适，不给函数传参的情况下两者相同。apply()和call()方法真正强大的地方是能够扩充函数赖以运行的作用域，如： window.color = “red”;
var o = {color: “blue”};
function sayColor(){
alert(this.color);
} sayColor();//red sayColor()作为全局函数定义的，在全局作用域中调用它时会显示red
sayColor.call(this);//red 显示地在全局作用域中调用函数的方式
sayColor.call(window);//red 显示地在全局作用域中调用函数的方式
sayColor.call(o);//blue 函数的执行环境发生改变，此时函数体内的this对象指向了o 如果不使用call()方法，则需要先将sayColor()函数放到对象o中，然后再通过o来调用： window.color = “red”;
var o = {color: “blue”};
function sayColor(){
alert(this.color);
}
sayColor();//red o.sayColor = sayColor;
o.sayColor();//blue 函数另一个方法： bind() 这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值，如： window.color = “red”;
var o = {color: “blue”};
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor();//blue objectSayColor()函数的this值等于了o 21、字符串创建新字符串的方法（相当于截取字符串）：slice()、substr()、substring() ,都会返回被操作字符串的一个子字符串，都接收一或两个参数slice()：第一个参数指定字符串开始的位置、第二个参数表示字符串到哪里结束（两个参数时前闭后开）substring()：同上substr()：第一个参数指定字符串开始的位置、第二个参数是返回的字符个数如果这三种方法没有传递第二个参数，则将字符串的长度作为结束位置，都对原始字符串没有影响 var stringValue = “hello world”;
alert(stringValue.slice(3));//lo world
alert(stringValue.substring(3));//lo world
alert(stringValue.substr(3));//lo world
alert(stringValue.slice(3,7));//lo w
alert(stringValue.substring(3,7));//lo w
alert(stringValue.substr(3,7));//lo worl 传递给这些方法的参数是负值的情况下：slice()方法会将传入的负值与字符串的长度相加substring()方法会把所有的负值参数都转换为0substr()方法将负的第一个参数加上字符串的长度，而将负的第二个参数转换为0 var stringValue = “hello world”;
alert(stringValue.slice(-3));//rld
alert(stringValue.substring(-3));//hello world
alert(stringValue.substr(-3));//rld
alert(stringValue.slice(3,-4));//lo w
alert(stringValue.substring(3,-4));//hel [0,3)
alert(stringValue.substr(3,-4));//"" (空字符串，因为长度变为了0) 22、字符串位置方法indexOf()和lastindexOf()查找给定字符串，然后返回子字符串的位置索引，lastindexOf()从末尾向前查找。都可以传递第二个参数，表示从字符串中哪个位置开始查找。可以通过循环调用indexOf()或lastindexOf()来找到所有匹配的字符串，如： var stringValue = “A new version of WebStorm is available!”;
var positions = new Array();
var posIndex = stringValue.indexOf(“e”);
while(posIndex != -1){
positions.push(posIndex);
posIndex = stringValue.indexOf(“e”,posIndex + 1);
}
alert(positions);//3,7,18,37 23、字符串trim()方法会创建一个字符串副本，删除前置及后缀的所有空格，然后返回结果，原字符串不变。此外Firefox、Safari、Chrome还支持非标准的trimLeft()和trimRight(),分别用于删除字符串开头和末尾的空格。 var stringValue = " hello world “;
var trimmedStringValue = stringValue.trim();
alert(stringValue);// hello world
alert(trimmedStringValue);//hello world 24、字符串localeCompare()方法用于比较两个字符串，并返回下列值的一个：1）如果字符串在字母表中应该排在字符串参数之前，则返回一个负数（大多情况下是-1，具体的值要视实现而定）2）如果字符串等于字符串参数，则返回03）如果字符串在字母表中应该排在字符串参数之前，则返回一个正数（大多情况下是1）var stringValue = “yellow”;
alert(stringValue.localeCompare(“brick”));//1
alert(stringValue.localeCompare(“yellow”));//0
alert(stringValue.localeCompare(“zoo”));//-1使用这个方法的例子： var stringValue = “yellow”;
function determineOrder(value){
var result = stringValue.localeCompare(value);
if(result < 0){
alert(“The string ‘yellow’ comes before the string '”+ value +”’.");
}else if(result > 0){
alert(“The string ‘yellow’ comes after the string '”+ value +"’.");
}else{
alert(“The string ‘yellow’ is equal to the string '”+ value +"’.");
}
}
determineOrder(“brick”);
determineOrder(“yellow”);
determineOrder(“zoo”); 25、min()和max()方法要找到数组中的最大值或最小值，可以像下面这样使用apply()方法：把Matn对象作为apply()的第一个参数，从而正确地设置this的值，然后可以将任何数组作为第二个参数。 var values = [1,2,3,4,5,6,7,8];
var max = Math.max.apply(Math,values);
alert(max);//8 26、random()方法套用下面的公式，可以利用Math.random()从某个整数范围内随机选择一个值：随机值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)如想随机选择2到10之间的数值：（2到10之间有9个数，第一个可能值为2） var num = Math.floor(Math.random() * 9 + 2);
alert(num);多数情况下，可以通过一个函数来计算可能值的总数和第一个可能值：selectForm()接受两个参数：应该返回的最小值和最大值，用最大值减最小值再加1得到可能值的总数。function selectFrom(lowerValue,upperValue){
var choices = upperValue - lowerValue + 1;
return Math.floor(Math.random() * choices + lowerValue);
}
var num = selectFrom(2,10);
alert(num);//介于2和10之间（包括2和10）的一个数值利用这个函数，可以方便地从数组中随机取出一项： function selectFrom(lowerValue,upperValue){
var choices = upperValue - lowerValue + 1;
return Math.floor(Math.random() * choices + lowerValue);
}
var colors = [“red”,“green”,“yellow”,“black”,“orange”,“purple”];
var color = colors[selectFrom(0,colors.length - 1)];
alert(color);//随机产生数组中包含的任一字符串

CJohnSnow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript高级程序设计学习笔记（3）

1、为了优化内存占用，一旦数据不再使用时，最好将其值设为null来释放引用（解除引用），适用于大多数全局变量和全局变量的属性，局部变量会在它们离开执行环境时自动解除引用。 function createPerson(name){var localPerson = new Object();localPerson.name = name;return localPerson;}var g...
复制链接

扫一扫