函数
//方式1 function abs(x){
if(x>=0){
return x; }else{
return -x; } } //方式2 var abs = function (x){
if(x>=0){
return x; }else{
return -x; } }
执行到return代表函数结束,否则返回NaN
function(x){…}是匿名函数,结果可以赋予abs,通过abs函数可以调用
任以传输任何参数或不传输参数
var abs = function (x){
//手动抛出异常 if(typeof x!== 'number'){
throw 'Not a Number'; } if(x>=0){
return x; }else{
return -x; } }
所有传入的参数都是数组
for(var i = 0; i<arguments.length; i++){
console.log(arguments[i]); }
获取已定义参数之外的所有参数
function xyz(a,b,...rest){
console.log("a=>" + a);
console.log("b=>" + b);
console.log(rest);
}
rest参数只能写在最后,…rest
变量的作用域
在js中,var定义变量有作用域
在函数体中声明,在函数体外不可以使用(若想实现则需要闭包)
function yl(){
var x = 1;
x = x + 1;
}
x = x + 2; //Uncaught ReferenceError: x is not defined
若两个函数使用了相同的变量名,只要在函数内部,就不冲突
function yl(){
var x = 1;
x = x + 1;
}
function yl1(){
var x = "q";
x = x + 1;
}
function yl(){
var x = 1;
function yl1(){
var x = "q";
console.log("内:" + x);
}
console.log("外:" + x);
yl1()
}
yl()
函数查找变量从自身函数开始,由内向外查找,若外部存此同名函数变量,则内部函数会屏蔽外部函数变量
function yy(){
var x = 'x' + y;
console.log(x);
var y = 'y';
}
yy()
结果:xundefined
js执行引擎,自动提升了y的声明,但不会提升变量y的赋值
function yy(){
var y;
var x = 'x' + y;
console.log(x);
y = 'y';
}
yy()
先声明,放在函数头部,用的时候再定义,便于代码维护
//全局变量
var x = 1;
function f(){
console.log(x);
}
f();
console.log(x);
全局对象window
//全局对象
var x = "run";
alert(x);
alert(window.x); //默认所有的全局变量,会自动绑定在window对象下
alert()这个函数本身也是一个window变量
//
自定义函数可覆盖原来的函数 var old_alert = window.alert; //自定义函数 window.alert = function(){ }; window.alert('hi'); //恢复原函数 window.alert = old_alert; window.alert("hello");
js只有一个全局作用域,任何变量(包括函数)如果没有在函数作用范围内找到,就会向外查找,如果在全局作用域内都没有被找到,报错RefrenceError
所有的全局变量绑定在window上,对于不同的js文件,使用相同的全局变量会发生冲突
//唯一全局变量
var yl = {
};
//定义全局变量
yl.name = 'yang';
yl.add = function (a, b){
return a+b;
}
定义一个唯一的空间,将代码全部放入以降低全局命名冲突的问题
function aaa(){
for (var i = 0; i < 10; i++) {
console.log(i);
}
console.log(i+1); //使用var关键字,i出了作用域还可以使用
}
aaa()
function bbb(){
for (let i = 0; i < 10; i++) {
console.log(i);
}
console.log(i+1); //使用let关键字,i出了作用域不可以使用Uncaught ReferenceError: i is not defined
}
bbb()
var PI = '3.14';
console.log(PI);
PI = '100';
console.log(PI);
ES6之后,引入常量关键字const
//只读变量 不可更改
const PI = '3.14';
console.log(PI);
PI = '100'; //报错
console.log(PI);
Uncaught TypeError: Assignment to constant variable.
方法
var yl = {
name: "杨",
birth: 2000,
age:function (){
var now = new Date().getFullYear();
return now - this.birth;
}
}
yl.name; //属性
yl.age(); //方法
function getAge(){
var now = new Date().getFullYear();
return now - this.birth;
}
var yl = {
name: "杨",
birth: 2000,
age: getAge
}
yl.age(); //22
getAge(); //NaN
this默认指向调用它的那个对象
在js中可以控制this的指向
getAge.apply(yl, []); //this指向yl这个对象,参数为[]