1. 作用域問題+變量提升
- 函數(shù)內(nèi)部有
var n
引颈,外部無法訪問函數(shù)私有變量n
联四。
var n1 = 55;
var n2 = 56; //經(jīng)過func()后被修改為300
function func(n, n1){
//變量提升,相當(dāng)于
//var n = 55;
//var n1 = 56;
n = 300;
n1 = 300;
n2 = 300; //內(nèi)部沒有定義n2, 會訪問全局
}
func(n1, n2);
console.log(n1); //輸出55
console.log(n2); //n2在函數(shù)內(nèi)部被修改,變?yōu)?00
console.log(n); //函數(shù)內(nèi)部定義過n,外部無法訪問叹话,故報(bào)錯(cuò)
- 函數(shù)內(nèi)部無
var n
偷遗,所以執(zhí)行func(n, n1)
后n
是全局變量。
var n1 = 55;
var n2 = 56;
function func(n1, n2){
//變量提升驼壶,相當(dāng)于
//var n1 = 55;
//var n2 = 56;
n = 300; //函數(shù)內(nèi)部不使用var聲明的變量氏豌,實(shí)際上變成了全局變量,不過需要執(zhí)行func()
n1 = 300;
n2 = 300;
}
func(n1, n2);
console.log(n1); //輸出55
console.log(n2); //輸出56
console.log(n); //輸出300
- 引用傳遞热凹。
- 棧內(nèi)存:基本類型變量
- 堆內(nèi)存:對象變量
function Person(name, age, salary){
this.name = name;
this.age = age;
this.salary = salary;
}
function f(person){
person.name = "小明"; //person指向第一個(gè)Person
person = new Person("小紅", 19, 20000); //person指向新的Person
}
var p = new Person("小強(qiáng)", 21, 15000); //在堆內(nèi)存新建一個(gè)Person
console.log(p.name); //小強(qiáng)
f(p);
console.log(p.name); //小明
-
綜合題泵喘。原型鏈方面還不太懂,需要加深學(xué)習(xí)碌嘀。
function Foo(){ getName = function(){ alert(1) }; return this; } Foo.getName = function(){ alert(2); }; Foo.prototype.getName = function(){ alert(3); }; var getName = function(){ alert(4); }; function getName() { alert(5); }; //根據(jù)上述代碼,求下列代碼按順序輸出結(jié)果 Foo.getName(); getName(); Foo().getName(); getName(); new Foo.getName(); new Foo().getName(); new new Foo().getName();
//變量和函數(shù)存在變量提升和函數(shù)提升歪架,將原來的7股冗、8行移到前面 function Foo(){ getName = function(){ alert(1); };//執(zhí)行這行時(shí),尋找到11行和蚪,并將11行覆蓋為alert(1); return this; //指向全局window } var getName; //提升后和變量存在名稱沖突止状,優(yōu)先保留函數(shù),故該行失效 function getName() { alert(5); }; //該行實(shí)際上被覆蓋為 alert(4) 了 /**********上述是提升后的代碼*************/ Foo.getName = function(){ alert(2); }; Foo.prototype.getName = function(){ alert(3); }; getName = function(){ alert(4); }; //執(zhí)行到這行時(shí)攒霹,原本的第7行代碼被覆蓋為 alert(4)
開始執(zhí)行:
Foo.getName(); //找到第9行怯疤,執(zhí)行 alert(2); getName(); //執(zhí)行第11行,執(zhí)行 alert(4); Foo().getName();//注意運(yùn)算符優(yōu)先順序催束,執(zhí)行第3行集峦,由于函數(shù)內(nèi)部未使用var定義gerName,會去全局尋找getName抠刺,并將全局getName覆蓋為alert(1); getName(); //此時(shí)getName已經(jīng)被上一行代碼改變塔淤,故執(zhí)行alert(1); new Foo.getName(); // new (Foo.getName)() -> new ( function(){alert(2);} )(),此時(shí)執(zhí)行 alert(2); //實(shí)例對象找屬性沿著原型鏈查找 new Foo().getName();// ( new Foo() ).getName() -> foo.getName() 速妖,實(shí)例對象foo自身沒有g(shù)etName()高蜂,找到第10行,執(zhí)行 alert(3); 本人這里理解是alert(1) new new Foo().getName(); //基本同上一條代碼罕容,執(zhí)行 alert(3);
執(zhí)行結(jié)果: 2 4 1 1 2 3 3
-
同上
function Foo(){ getName = function(){ alert(1) }; return this; } Foo.getName = function(){ alert(2); }; Foo.prototype.getName = function(){ alert(3); }; var getName = function(){ alert(4); }; function getName() { alert(5); }; // function Foo(){ // getName = function(){ alert(1) };//注意未定義var // return this; // } // function getName() { alert(5); }; // // Foo.getName = function(){ alert(2); }; // Foo.prototype.getName = function(){ alert(3); }; // getName = function(){ alert(4); }; getName();//4 Foo().getName();//1 new Foo.getName();//2 new Foo().getName();//3 new new Foo().getName();//3
2. 數(shù)組相關(guān)函數(shù)用法問題
-
將帶橫杠字符串改為駝峰命名
split(‘-’)
: 將字符串根據(jù)-
進(jìn)行切割substr(1)
從第二個(gè)字符開始取出后面的字符串join()
根據(jù)某個(gè)分隔符將數(shù)組連接成字符串<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"></div> <script type="text/javascript"> (function toString(){ str = prompt("請輸入需要轉(zhuǎn)換為駝峰格式的字符串(**-**-**):"); var arr = str.split('-'); for (var i = 1; i < arr.length; i++) { arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substr(1); } document.getElementById('app').innerHTML = arr.join('') })(); </script> </body> </html>
冒泡排序
var beforeBubbleSort = [5, 44, 21, 38, 3, 2, 1, 88, 2, 6, 56, 55];
for (var i = 0; i < beforeBubbleSort.length - 2; i++) {
for (var j = 0; j < beforeBubbleSort.length-1-i; j++) {
if (beforeBubbleSort[j] > beforeBubbleSort[j+1]) {
temp = beforeBubbleSort[j];
beforeBubbleSort[j] = beforeBubbleSort[j+1];
beforeBubbleSort[j+1] = temp;
}
}
}
console.log(beforeBubbleSort)
-
反轉(zhuǎn)數(shù)組
var arr = [1, 3, 5, 9, 7]; for (var i = 0; i < arr.length/2; i++ ) { temp = arr[i]; arr[i] = arr[arr.length - i - 1]; arr[arr.length - i - 1] = temp } console.log(arr)
-
去掉數(shù)組中重復(fù)的數(shù)據(jù)
var arr = [1, 2, 3, 3, 4, 5, 6, 6]; var temp = []; temp[0] = arr[0]; for (var i = 1; i < arr.length; i++) { for (var j = 0; j < temp.length; j++) { //相同數(shù)值則不插入 if (arr[i] == temp[j]) { break; } //循環(huán)到最后一個(gè)都沒有相同數(shù)值备恤,再執(zhí)行插入操作 if (j == temp.length - 1) { temp.push(arr[i]); } } } console.log(temp);