js基础对象与函数

基本概念
JS中数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- 以上这五种类型属于基本数据类型，以后我们看到的值
只要不是上边的5种，全都是对象
- Object 对象
基本数据类型
String Number Boolean Null Undefined

引用数据类型
Object

JS中的变量都是保存到栈内存中的，
基本数据类型的值直接在栈内存中存储，
值与值之间是独立存在，修改一个变量不会影响其他的变量

  对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，
  而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，
  当一个通过一个变量修改属性时，另一个也会受到影响

js中数据类型总共6种，我们常用的就是string,number,boolean,object，其中对象是比较难以理解的。
对象
对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性，类似于数组，但是相比于数组它可以保存多种数据类型。
对象的分类：
1.内建对象
- 由ES标准中定义的对象，在任何的ES的实现中都可以使用
- 比如：Math String Number Boolean Function Object…
-
2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如 BOM DOM

		   	3.自定义对象
		   		- 由开发人员自己创建的对象

创建对象
使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
使用typeof检查一个对象时，会返回object
var obj = new Object();
这儿我们只需要记住下面的示例就行，不用过多的追求深挖。
应用
增加对象
在对象中保存的值称为属性
语法：对象.属性名 = 属性值;
向obj中添加一个name属性
obj.name = “孙悟空”;
读取对象中的属性
语法：对象.属性名
如果读取对象中没有的属性，不会报错而是会返回undefined
console.log(obj.gender);

修改对象的属性值
语法：对象.属性名 = 新值
obj.name = “tom”;

删除对象的属性
语法：delete 对象.属性名
delete obj.name;
检查对象

• 使用in检查对象中是否含有指定属性
  - 语法：“属性名” in 对象
  - 如果在对象中含有该属性，则返回true
  如果没有则返回false
  console.log(“name” in obj);

常用创建形式
属性名和属性值是一组一组的名值对结构，
名和值之间使用:连接，多个名值对之间使用,隔开
var obj2 = {

			name:"猪八戒",
			age:13,
			gender:"男",
			test:{name:"沙僧"}
			
		};

枚举对象中的属性
使用for … in 语句
语法：
for(var 变量 in 对象){

}

for…in语句 对象中有几个属性，循环体就会执行几次
每次执行时，会将对象中的一个属性的名字赋值给变量

2.函数（Function）

• 函数也是一个对象
• 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）
• 函数中可以保存一些代码在需要的时候调用
• 使用typeof检查一个函数对象时，会返回function
  函数基础知识
  封装到函数中的代码不会立即执行
  函数中的代码会在函数调用的时候执行
  调用函数 语法：函数对象()
  当调用函数时，函数中封装的代码会按照顺序执行
  fun();
  创建函数
  第一种方式
  使用 函数声明 来创建一个函数
  语法：
  function 函数名([形参1,形参2…形参N]){
  语句…
  }
  示例
  function fun2(){
  console.log(“这是我的第一个函数~~~”);
  }
  第二种方式
  使用 函数表达式 来创建一个函数
  var 函数名 = function([形参1,形参2…形参N]){
  语句…
  }

var fun3 = function(){
console.log(“我是匿名函数中封装的代码”);
};
- 形参和实参
- 形参：形式参数
- 定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开
定义形参就相当于在函数内声明了对应的变量但是并不赋值，
形参会在调用时才赋值。

	- **实参：实际参数**
		- 调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,
			调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。

如果实参的数量大于形参，多余实参将不会赋值，
如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined

应用小技巧
（实参可以是任意的数据类型，也可以是一个对象
当我们的参数过多时，可以将参数封装到一个对象中，然后通过对象传递）

示例
function sum(a,b){
console.log("a = "+a);
console.log("b = "+b);
console.log(a+b);
}
sum(1,2);
其中a,b为形参。1，2为实参
函数返回值
可以使用 return 来设置函数的返回值
语法：
return 值
return后的值将会会作为函数的执行结果返回，
可以定义一个变量，来接收该结果
在函数中return后的语句都不会执行
Break，continue，return区别
使用break可以退出当前的循环
break;
continue用于跳过当次循环
continue;
使用return可以结束整个函数
return;
作用域

• 作用域指一个变量的作用的范围

• 在JS中一共有两种作用域：
  1.全局作用域
  创建于销毁
  - 直接编写在script标签中的JS代码，都在全局作用域
  - 全局作用域在页面打开时创建，在页面关闭时销毁
  - 在全局作用域中有一个全局对象window，
  它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用
  核心
  - 在全局作用域中：
  创建的变量都会作为window对象的属性保存
  创建的函数都会作为window对象的方法保存
  作用
  - 全局作用域中的变量都是全局变量，
  在页面的任意的部分都可以访问的到

  2.函数作用域
  创建于销毁

• 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁

• 每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的
  访问权限

• 在函数作用域中可以访问到全局作用域的变量
  在全局作用域中无法访问到函数作用域的变量
  运行机制

• 当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用
  如果没有则向上一级作用域中寻找，直到找到全局作用域，
  如果全局作用域中依然没有找到，则会报错ReferenceError

• 在函数中要访问全局变量可以使用window对象

变量的声明提前

• 使用var关键字声明的变量，会在所有的代码执行之前被声明（但是不会赋值），
  但是如果声明变量时不适用var关键字，则变量不会被声明提前

函数的声明提前

• 使用函数声明形式创建的函数 function 函数(){}
  它会在所有的代码执行之前就被创建，所以我们可以在函数声明前来调用函数
  使用函数表达式创建的函数，不会被声明提前，所以不能在声明前调用