1. 作用域问题+变量提升
- 函数内部有
var n，外部无法访问函数私有变量n。
var n1 = 55;
var n2 = 56; //经过func()后被修改为300
function func(n, n1){
//变量提升，相当于
//var n = 55;
//var n1 = 56;
n = 300;
n1 = 300;
n2 = 300; //内部没有定义n2, 会访问全局
}
func(n1, n2);
console.log(n1); //输出55
console.log(n2); //n2在函数内部被修改,变为300
console.log(n); //函数内部定义过n，外部无法访问，故报错
- 函数内部无
var n，所以执行func(n, n1)后n是全局变量。
var n1 = 55;
var n2 = 56;
function func(n1, n2){
//变量提升，相当于
//var n1 = 55;
//var n2 = 56;
n = 300; //函数内部不使用var声明的变量，实际上变成了全局变量，不过需要执行func()
n1 = 300;
n2 = 300;
}
func(n1, n2);
console.log(n1); //输出55
console.log(n2); //输出56
console.log(n); //输出300
- 引用传递。
- 栈内存：基本类型变量
- 堆内存：对象变量
function Person(name, age, salary){
this.name = name;
this.age = age;
this.salary = salary;
}
function f(person){
person.name = "小明"; //person指向第一个Person
person = new Person("小红", 19, 20000); //person指向新的Person
}
var p = new Person("小强", 21, 15000); //在堆内存新建一个Person
console.log(p.name); //小强
f(p);
console.log(p.name); //小明
-
综合题。原型链方面还不太懂，需要加深学习。
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); }; //根据上述代码，求下列代码按顺序输出结果 Foo.getName(); getName(); Foo().getName(); getName(); new Foo.getName(); new Foo().getName(); new new Foo().getName();//变量和函数存在变量提升和函数提升，将原来的7、8行移到前面 function Foo(){ getName = function(){ alert(1); };//执行这行时，寻找到11行，并将11行覆盖为alert(1); return this; //指向全局window } var getName; //提升后和变量存在名称冲突，优先保留函数，故该行失效 function getName() { alert(5); }; //该行实际上被覆盖为 alert(4) 了 /**********上述是提升后的代码*************/ Foo.getName = function(){ alert(2); }; Foo.prototype.getName = function(){ alert(3); }; getName = function(){ alert(4); }; //执行到这行时，原本的第7行代码被覆盖为 alert(4)开始执行：
Foo.getName(); //找到第9行，执行 alert(2); getName(); //执行第11行，执行 alert(4); Foo().getName();//注意运算符优先顺序，执行第3行，由于函数内部未使用var定义gerName，会去全局寻找getName，并将全局getName覆盖为alert(1); getName(); //此时getName已经被上一行代码改变，故执行alert(1); new Foo.getName(); // new (Foo.getName)() -> new ( function(){alert(2);} )()，此时执行 alert(2); //实例对象找属性沿着原型链查找 new Foo().getName();// ( new Foo() ).getName() -> foo.getName() ，实例对象foo自身没有getName()，找到第10行，执行 alert(3); 本人这里理解是alert(1) new new Foo().getName(); //基本同上一条代码，执行 alert(3);执行结果： 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. 数组相关函数用法问题
-
将带横杠字符串改为驼峰命名
split(‘-’): 将字符串根据-进行切割substr(1)从第二个字符开始取出后面的字符串join()根据某个分隔符将数组连接成字符串<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"></div> <script type="text/javascript"> (function toString(){ str = prompt("请输入需要转换为驼峰格式的字符串（**-**-**）："); 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)
-
反转数组
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) -
去掉数组中重复的数据
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++) { //相同数值则不插入 if (arr[i] == temp[j]) { break; } //循环到最后一个都没有相同数值，再执行插入操作 if (j == temp.length - 1) { temp.push(arr[i]); } } } console.log(temp);
