JavaScript入门笔记3

规范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.方法
方法就是把函数放在对象里面，对象只有两个东西：一个方法，一个是属性。

JavaScript入门笔记3