规范1:所有的全局变量都会绑定在window上,不同的js文件,使用了相同的全局变量,就会产生冲突,如何避免?
注:1.把代码放进定义的唯一的空间名字中,降低全局命名的冲突问题
2.let局部作用域,解决局部作用域的冲突问题:
规范2:所有的变量定义都放在函数的头部,便于代码维护。
1.JavaScript 函数
JavaScript 函数是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。
方式
如: 该函数返回 p1 和 p2 的乘积
function myFunction(p1, p2) {
return p1 * p2;
}
方式二
function abs(p1,p2) {
return p1 * p2;
}
2.arguments
能获取传递进来的所有的参数,将其组成一个数组
arguments[0],arguments[1],。。。arguments[n];
在js中 不需要明确指出参数名,就能访问它们
如
vars="";
for(vari=0;
i<arguments.length;
i++){alert(arguments[i]);
s+=arguments[i]+",";
}returns;
}test("name","age");
输出结果:name,age
3.rest
获取除了已定义的参数外所有的参数
如
function f(a,b,...rest) {
console.log(rest);
}
注:js的函数参数问题:可以传任意个参数,也可以不传参数
进来的参数如果存在问题,怎么去解决?
假设参数不存在,一般手动抛出异常来判断
如
var abs = function(x) {
if(typeof x!== 'number') {
throw 'Not a Number';
}
if(x>=0) {
return x;
} else {
return -x;
}
}
4.变量的作用域
一个变量的作用域(scope)是成语源代码中定义这个变量的区域。全局变量拥有全局作用域。在js中任何地方都是有定义的。然而在函数内声明的变量只在函数体内有定义。他们是局部变量,作用域时局部性的,函数参数也是局部变量,他们只在函数体内有定义。
重点
1)函数体内声明的变量,不能在函数体外使用。(可以用闭包实现)
2)如果两个函数使用了相同的变量名,只要在函数的内部,不会冲突。
3)内部函数可以访问外部函数的,外部函数是不可以访问内部函数的。
4)内部函数和外部函数变量重名了:不会互相影响的。
jS中函数变量查找是从自身开始的,由“内”向“外”查找,假设外部存在同名的函数变量,则内部函数会自动屏蔽外部函数。
来自Ping 开源
5.提升作用域:
如
function(){
console.log(a);//undefined
var a=2;
}
等同于
function foo(){
var a;
console.log(a);//undefined
a=2;
}
foo();
自动提升了函数的声明,但是不会提升函数的赋值
6.全局变量
全局对象window
var x = "xxx";
window.alert(window.x);
默认所有的全局变量,都会自动绑定在window对象上
注:JS只有一个全局作用域,任何变量(函数其实也可以视为变量),假设没有在函数范围内找到,就会向外查找,如果在全局作用域都没有找到,就会报错RefrenceError。
7.const常量
ES6之前定义常量,只有用全部大写字母定义的就叫常量,建议不要修改这样的值。
ES6中引入了const关键字
const pi = "3.14";
pi = "123";//Uncaught TypeError: Assignment to constant variable.
报错原因是因为修改常量
8.this关键字
this的指向是动态的。如果函数在全局作用域中,那么this就会指向全局环境;如果函数位于某个对象中,那么this就会指向该对象。
this涵义
this关键字总是返回一个对象。
firstName: 'Chou',
describe: function() {
return this.firstName; }
};
console.log(Keith.describe());//'Chou'</pre>
this.firstName表示describe方法当前所在对象的firstName属性。在全局作用域下调用describe方法时,describe方法所在的当前对象是Keith,所以就是调用Keith.firstName。
9.不理解的地方
1.方法
方法就是把函数放在对象里面,对象只有两个东西:一个方法,一个是属性。